@charset "utf-8";
* {margin:0;padding:0;border:0;outline:medium;text-shadow:none;text-decoration:none;}
html {height:100%;}
html,body {background:#fff;width:100%;min-height:100%;}
body {overflow-x:hidden;color:#000;font-size:12px;line-height:1;position:relative;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body.nav-open {overflow:hidden;}
@media(min-width:768px){
  body {font-size:13px;}
}
@media(min-width:992px){
  body {font-size:14px;}
}
@media(min-width:1200px){
  body {font-size:15px;}
}
@media(min-width:1400px){
  body {font-size:16px;}
}
@media(min-width:1600px){
  .container {max-width:1390px;margin:0 auto;}
}
@media(min-width:1920px) {
  .container { max-width:1630px; }
}

input {vertical-align:middle;}
textarea {resize:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:14px;}
hr {border-width:1px;border-style:inset;}
ul {list-style:none;padding:0;}
p {margin:0;}
a,a:link,a:active,a:visited,a:hover {color:inherit;text-decoration:none;}
i,em {font-style:normal;}
/*input placeholder 样式 */
::-webkit-input-placeholder {color:#999999;}
:-moz-placeholder {color:#999999;}
::-moz-placeholder {color:#999999;}
:-ms-input-placeholder {color:#999999;}
/*修改滚动条*/
::-webkit-scrollbar {width:6px;height:6px;}
::-webkit-scrollbar-track {box-shadow:inset 0 0 6px transparent;background:#f8f8f8;border-radius:6px;}
::-webkit-scrollbar-thumb {border-radius:6px;background:#bbb;}
img {image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
.ratio {overflow: hidden;}
.ratio img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);width:100%;height:unset;max-width:100%;transition:.36s all linear;}
/* 无内容 */
.no-goods,.no-network {padding-top:100px;overflow:hidden;text-align:center;}
.no-goods img {display:block;margin:0 auto 30px;width:220px;max-height:105px;}
.no-network img {display:block;margin:0 auto 30px;width:222px;height:160px;}
.no-goods p,.no-network p {font-size:14px;color:#666666;line-height:20px;}

/*手机端分页处理*/
.de-page-mian {padding-top:25px;}
@media(max-width:767px) {
  .de-page-mian .page-inner a {margin-right:0!important;}
  .de-page-mian span,.de-page-mian input,.de-page-mian .page-btn,.de-page-mian .prev,.de-page-mian .next {display:none!important;}
}

.imgbox {position:relative;width:100%;overflow:hidden;}
.imgbox:after {content:'';display:block;padding-top:75%;}
.imgbox img {max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:.36s all;}

.iframe-video {width:100%;height:470px;overflow:hidden;margin-bottom:30px;}
.iframe-video .video-preview {position:relative;display:block;width:100%;height:100%;font-size:0;text-align:center;cursor:pointer;}
.iframe-video .video-preview::after {position:absolute;content:'';left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:1;}
.iframe-video .video-preview::before {position:absolute;content:'';left:0;top:0;right:0;bottom:0;background:url(../images/media-icon.png) no-repeat center;z-index:2;}
.iframe-video .video-preview img {display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;}
.iframe-video iframe {display:block;width:100%;height:100%;}

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 4301980 */
  src: url('//at.alicdn.com/t/c/font_4301980_f0e6ykn6u5s.woff2?t=1718072031982') format('woff2'),
       url('//at.alicdn.com/t/c/font_4301980_f0e6ykn6u5s.woff?t=1718072031982') format('woff'),
       url('//at.alicdn.com/t/c/font_4301980_f0e6ykn6u5s.ttf?t=1718072031982') format('truetype'),
       url('//at.alicdn.com/t/c/font_4301980_f0e6ykn6u5s.svg?t=1718072031982#iconfont') format('svg');
}
.ali-icon {font-family: 'iconfont';}
.header {padding:10px 5px; position:absolute; top:0; left:0; right:0; z-index: 999; transition:.36s all linear;}
.header .logo {flex:0 0 80%;max-width:80%;display:flex; padding-left: 15px;}
.nav { display:none; position:relative; z-index:9; }
.nav .list { display:flex; align-items:center; flex-wrap:wrap; }
.nav .slide {flex:1;text-align:center;position:relative;transition:.2s all linear;}
.nav .slide>a { color:#fff; position: relative; font-weight: bold; }
.nav .slide i { display:none; }
.nav .subnav { pointer-events: none; display:none; overflow:hidden; color:#333; border:1px solid rgba(255,255,255,.3); background:#0458bb; position:absolute; z-index:3; bottom:0; left:50%;min-width:100%;transform:translate(-50%,100%);}
.nav .subnav a { color:#fff; display:block; height:40px; line-height: 40px; border-bottom:1px solid rgba(255,255,255,.3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0 25px; }
/* .nav .slide>a:after { content:''; background:#fff; position: absolute; bottom:-15px; left:50%; transform:translateX(-50%); height:3px; width:0; transition:.2s all linear; } */
.nav .slide.active>a:after ,.nav .slide:hover>a:after { width:100%; transition:.2s all linear; }
.header .tel { color:#fff; font-family:'Impact'; font-size:14px; position: relative; align-items: center; }
.header .tel:before { content:''; background:#fff; position: absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:16px; }
@media(max-width:991px) {
	.header .logo img {max-height:35px;}
}
@media(min-width:768px) {
  .header { padding: 10px; }
  .header .logo { flex:0 0 70%; max-width:70%; }
}
@media(min-width:992px) {
  .header { padding:0; }
  .header:hover { background:#0458bb; }
  .header .logo { flex:0 0 25%; max-width:25%; padding-left: 0; }
  .nav { display: block; flex:0 0 55%;max-width:55%; margin-left: auto; padding:20px 0; }
	.nav .slide>a {height: 35px;line-height:35px;position: relative;}
	.nav .slide:hover .subnav {display:block;}
	.nav .slide .subnav {font-size:14px;pointer-events: auto;}
	.nav .slide .subnav a:hover,
  .nav .slide .subnav a.active { background:#f8c302; transition:.2s all linear; }
  .header .tel { font-size:18px; flex:0 0 17%; max-width:17%; justify-content: center; }
}
@media(min-width:1200px) {
  .header .logo { flex:0 0 22%; max-width:22%; }
  .nav { padding:25px 0; }
  .nav .slide>a {height: 40px;line-height: 40px;}
  .nav .slide .subnav {font-size:15px;}
  .nav .subnav a {height:45px;line-height: 45px; padding:0 30px; }
  .header .tel { font-size:20px; }
}
@media(min-width:1400px) {
  .header .logo { flex:0 0 20%; max-width:20%; }
  .nav { padding:30px 0; }
  .nav .slide>a { height: 45px; line-height: 45px; }
  .nav .subnav a { padding:0 35px; }
  .header .tel { font-size:22px; flex:0 0 16%;max-width:16%; }
}
@media(min-width:1600px) {
  .nav { padding:35px 0; }
  .nav .slide>a { height: 50px; line-height: 50px; }
  .header .tel { font-size:26px; flex:0 0 17%; max-width:17%; padding-left: 35px; justify-content: flex-start; }
}

.banner {overflow:hidden;}
.banner .swiper-pagination {text-align: right;padding-right: 12%;bottom:5%;}
.banner .swiper-pagination-bullet {background:#c8c9ca;opacity: 1;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #ca191b;}
.banner .swiper-button-next.swiper-button-disabled,.banner .swiper-button-prev.swiper-button-disabled {pointer-events:unset;}
.banner .swiper-button-prev,
.banner .swiper-button-next {color:#fff;font-size:170%;width:55px;height:55px;border-radius:50%;background:#0458bb;}
.banner .swiper-button-next { right:unset; left:7%; }
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { background:#f8c302; }
.banner .swiper-button-prev {transform:rotateY(180deg);left:0%;right:0;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after {display: none;}
.banner-box {position:relative;left:50%;transform:translateX(-50%);text-align: center;}
.banner-box .container { position: absolute; z-index: 3; bottom:15%; left:50%; transform:translateX(-50%); }
@media(min-width:1200px) {
}
@media(min-width:1400px) {
}
@media(min-width: 1600px) {
	.banner .swiper-button-prev {left:0;right:0;}
	.banner .swiper-button-next {left:5%!important; right:unset;}
}


.inbanner {width:100%;overflow:hidden;position:relative;}
.inbanner img {width:130%;position:relative;left:50%;transform:translateX(-50%);}
.inbanner .imgs img:nth-child(2),.inbanner .imgs img:nth-child(3) { display: none; } /* 如果子栏目有设置大图，隐藏默认inbanner大图，如果没有上传默认大图展示模版自带大图 */
.inbanner .floatbox { position: absolute; left:0; bottom:0; right:0; padding-bottom: 25px; }
.inbanner .f1 { color:#fff; font-weight: bold; font-size:18px; }
.inbanner .f2 { color:#fff; line-height: 1.5; margin-top: 10px; font-size:20px; }
.inbanner .f3 { color:#fff; line-height: 1.5; margin-top: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.inbanner .f3 a:hover { text-decoration: underline; }
.prev_next { margin:20px 0; display:flex; flex-wrap:wrap; }
.page-a { line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.next_page { margin-top:15px; }
.location { color:#313233; line-height: 35px; }
@media(min-width:576px) {
  .inbanner img { width:100%; }
  .location { line-height: 40px; }
}
@media(min-width:768px) {
  .inbanner .floatbox { padding-bottom: 35px; }
  .inbanner .f1 { font-size:26px; }
  .inbanner .f2 { font-size:24px; }
  .prev_next {margin:25px 0;}
  .location { line-height: 45px; }
}
@media(min-width:992px) {  
  .inbanner .floatbox { padding-bottom: 50px; }
  .inbanner .f1 { font-size:34px; }
  .inbanner .f2 { margin-top: 13px; font-size:28px; }
  .prev_next {margin:30px 0;}
  .next_page {margin-top:0px;text-align:right;}
  .page-a:hover {color:#0458bb;}
  .location { line-height: 55px; }
}
@media(min-width:1200px) {
  .inbanner .floatbox { padding-bottom: 70px; }
  .inbanner .f1 { font-size:38px; }
  .inbanner .f2 { margin-top: 17px; font-size:32px; }
	.inbanner .f3 { margin-top: 20px; }
  .prev_next {margin:35px 0;}
  .location { line-height: 65px; }
}
@media(min-width:1400px) {
  .inbanner .floatbox { padding-bottom: 90px; }
  .inbanner .f1 { font-size:42px; }
  .inbanner .f2 { margin-top: 21px; font-size:36px; }
	.inbanner .f3 { margin-top: 25px; }
  .prev_next {margin:40px 0;}
  .location { line-height: 75px; }
}
@media(min-width:1600px) {
  .inbanner .floatbox { padding-bottom: 120px; }
  .inbanner .f1 { font-size:46px; }
  .inbanner .f2 { margin-top: 25px; font-size:40px; }
	.inbanner .f3 { margin-top: 30px; }
  .prev_next {margin:50px 0;}  
  .location { line-height: 85px; }
}

.intype { position: relative; overflow-x:auto; margin-top: 12px; white-space: nowrap; }
.intype::-webkit-scrollbar { height:0; }
.intype .li { position: relative; display:inline-block; color:#fff; font-size:12px; padding:0 15px; margin-right:10px; line-height: 25px; border:1px solid rgba(255,255,255,1); border-radius: 50px; transition:.36s all linear; }
.intype .li:hover,.intype .li.active { color:#fff; border-color:#f8c302; background:#f8c302; transition:.36s all linear; }
.intype .li:last-child { margin-right:0; }
.intype .li:last-child:after { content:''; height:1px; width:50vw; background:#fff; position: absolute; top:50%; right:0; transform:translateX(100%); }
@media(min-width:576px) {
  .intype { margin-top: 24px; }
  .intype .li { line-height: 34px; margin-right:15px; font-size:15px; padding:0 20px; }
}
@media(min-width:768px) {
  .intype { margin-top: 30px; }
  .intype .li { line-height: 37px; margin-right:18px; font-size:16px; padding:0 27px; }
}
@media(min-width:992px) {
  .intype { margin-top: 40px; }
  .intype .li { line-height: 40px; margin-right:21px; font-size:18px; padding:0 36px; }
}
@media(min-width:1200px) {
  .intype { margin-top: 50px; white-space: wrap; }
  .intype .li { line-height: 43px; margin-right:24px; font-size:20px; padding:0 45px; margin-bottom: 15px; }
}
@media(min-width:1400px) {
  .intype { margin-top: 60px; }
  .intype .li { line-height: 47px; margin-right:27px; font-size:21px; padding:0 55px; }
}
@media(min-width:1600px) {
  .intype { margin-top: 70px; }
  .intype .li { line-height: 50px; margin-right:30px; font-size:22px; padding:0 65px; }
}

.index01 {position: relative;overflow: hidden; }
.index01 .box1 { padding:25px 12px; }
.index01 .t1 { color:#0458bb; font-weight: bold; font-size:26px; }
.index01 .t2 { color:#000; font-size:20px; line-height: 1.3; margin-top: 10px; }
.index01 .t3 { color:#4e4c4c; line-height: 1.5; margin-top:15px; text-align:justify; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:7; overflow: hidden; text-overflow: ellipsis; }
.index01 .box2 { display: flex; justify-content: space-between; flex-wrap:wrap; background:url(../images/in01_bg3.jpg) no-repeat left; background-size:cover; padding:35px 15px; }
.index01 .box2 .s1 { color:#0458bb; font-family: Impact; font-size:32px; }
.index01 .box2 .s1 span { color:#fff; background:#f8bb02; font-size:12px; position: absolute; width:20px; height:20px; line-height:20px; border-radius:30px; text-align: center; }
.index01 .box2 .s2 { color:#898a8b; line-height: 1.3; margin-top: 10px; padding-left: 10px; }
.index01 .leftbox { padding:0; }
.index01 .rightbox { position: relative; background:#0458bb url(../images/in01_rightbg.jpg) no-repeat right; background-size:cover; padding:0; }
.index01 .box3 { display: block; color:#fff; border-bottom:1px solid #fff; padding:45px 70px; }
.index01 .box3:last-child { border:none; }
.index01 .c1 { font-size:20px; }
.index01 .c2 { margin-top: 10px; text-transform: uppercase; font-weight: bold; line-height: 1.3; }
.index01 .c3 { position: relative; height:1px; background:#fff; margin-top: 20px; }
.index01 .c3:before { content:''; position: absolute; left:-2px; bottom:5px; transform:rotateZ(-45deg); width:15px; height:0px; background:#0458bb; transition:.2s all linear; }
.index01 .box3:hover { color:#0458bb; border-color:rgba(0,0,0,0); background:url(../images/in01_bg1.jpg) no-repeat; background-size:cover; }
.index01 .box3:hover .c3 { background:#0458bb; }
.index01 .box3:hover .c3:before { height:1px; transition:.2s all linear; }
@media(min-width:768px) {
  .index01 .box1 { padding:60px; }
  .index01 .t1 { font-size:30px; }
  .index01 .t2 { font-size:24px; }
  .index01 .t3 { margin-top:20px; }
  .index01 .box2 {padding:60px; }
  .index01 .box2 .s1 { font-size:42px; }
  .index01 .box2 .s1 span { width:22px; height:22px; line-height:22px; font-size:14px; }
  .index01 .box3 { padding:75px 120px; }
  .index01 .c1 { font-size:22px; }  
  .index01 .c3 { margin-top: 25px; }
}
@media(min-width:992px) {
  .index01 .leftbox { flex:0 0 70.834%; }
  .index01 .box1 { padding:80px 100px 100px 100px; }
  .index01 .t1 { font-size:34px; }
  .index01 .t2 { font-size:28px; margin-top: 15px; }
  .index01 .t3 { margin-top:25px; }
  .index01 .box2 {padding:70px 100px 50px 100px; }
  .index01 .box2 .s1 { font-size:50px; }
  .index01 .box2 .s1 span { width:24px; height:24px; line-height:24px; font-size:15px; }
  .index01 .rightbox { flex:0 0 29.166%; padding:0; display: flex; flex-direction: column; }
  .index01 .box3 { flex:1; padding:45px 70px; }
  .index01 .c1 { font-size:24px; }
  .index01 .c3 { margin-top: 30px; }
}
@media(min-width:1200px) {
  .index01 .box1 { padding:100px 130px 120px 120px; }
  .index01 .t1 { font-size:38px; }
  .index01 .t2 { font-size:32px; margin-top: 20px; }
  .index01 .t3 { margin-top:30px; line-height: 1.6; }
  .index01 .box2 {padding:85px 130px 65px 130px; }
  .index01 .box2 .s1 { font-size:58px; }
  .index01 .box2 .s1 span { width:26px; height:26px; line-height:26px; font-size:16px; }
  .index01 .box2 .s2 { margin-top:15px; }
  .index01 .box3 { padding:55px 90px; }
  .index01 .c1 { font-size:26px; }
  .index01 .c2 { margin-top: 15px; }
  .index01 .c3 { margin-top: 40px; }
}
@media(min-width:1400px) {
  .index01 .box1 { padding:120px 160px 140px 140px; }
  .index01 .t1 { font-size:42px; }
  .index01 .t2 { font-size:36px; }
  .index01 .t3 { margin-top:35px; line-height: 1.8; }
  .index01 .box2 { padding:100px 160px 80px 140px; }
  .index01 .box2 .s1 { font-size:64px; }
  .index01 .box2 .s1 span { width:28px; height:28px; line-height:28px; font-size:18px; }
  .index01 .box3 { padding:65px 105px; }
  .index01 .c1 { font-size:28px; }
  .index01 .c3 { margin-top: 50px; }
}
@media(min-width:1600px) {
  .index01 .box1 { padding:135px 190px 160px 160px; }
  .index01 .t1 { font-size:46px; }
  .index01 .t2 { font-size:40px; }
  .index01 .box2 {padding:115px 190px 95px 160px; }
  .index01 .box2 .s1 { font-size:70px; }
  .index01 .box2 .s1 span { width:30px; height:30px; line-height:30px; }
  .index01 .box3 { padding:75px 120px; }
  .index01 .c1 { font-size:30px; }
  .index01 .c3 { margin-top: 60px; }
}

.index02 {position: relative; overflow: hidden; background:url(../images/in02_bg.jpg) no-repeat bottom; background-size:cover; padding:30px 0 40px; }
.index02 .title {position: relative; }
.index02 .t1 { color:#0458bb; font-weight: bold; font-size:26px; }
.index02 .t2 { color:#7f8285; font-size:14px; line-height:1.7; margin-top: 10px; }
.index02 .more { position: absolute; right:0; top:0; font-size:14px; width:30px; height:30px; line-height: 30px; border-radius:90px; text-align:center; border:1px solid #8f9090; }
.index02 .content { margin-top: 20px; }
.index02 .swiper-slide { position: relative; height:unset; background: linear-gradient(to top,#d8dadd,#f3f3f3); margin-top: 10px; overflow: hidden; text-align: center; }
.index02 .swiper-slide a {position: absolute;left: 0;top: 0;width: 100%;z-index: 3;height: 100%;}
.index02 .swiper-slide .img { max-width:100%; height:200px; }
.index02 .swiper-slide .c1 { font-size:24px; margin-top: 20px; }
.index02 .swiper-slide .c2 { color:#fff; background:#0458bb; border-radius:50px; position: relative; z-index: 2; width:20px; height:20px; line-height:20px; font-size:16px; margin:20px auto; text-align:center; transition: all .5s; }
.index02 ul li { position: relative; background: linear-gradient(to top,#d8dadd,#f3f3f3); overflow: hidden; text-align: center; }
.index02 ul li a {position: absolute;left: 0;top: 0;width: 100%;z-index: 3;height: 100%;}
.index02 ul li .c2 { color:#fff; background:#0458bb; border-radius:50px; position: relative; z-index: 2; width:20px; height:20px; line-height:20px; font-size:16px; margin:20px auto; text-align:center; transition: all .5s; }
@media(min-width: 576px){
  .index02 { padding:50px 0 60px; }
  .index02 .t1 { font-size:30px; }
  .index02 .more { font-size:18px; width:40px; height:40px; line-height: 40px; }
  .index02 .content { margin-top: 30px; }
  .index02 ul li .c1 { font-size:26px; margin-top: 30px; }
}
@media(min-width: 768px){
  .index02 { padding:70px 0 90px; }
  .index02 .t1 { font-size:34px; }
  .index02 .t2 { font-size:16px; margin-top: 12px; }
  .index02 .more { font-size:22px; width:50px; height:50px; line-height: 50px; transform:translateY(50%); }
  .index02 .content { margin-top: 40px; }
  .index02 ul li .c1 { font-size:28px; margin-top: 40px; }
}
@media(min-width: 992px){
  .index02 { padding:100px 0 120px; }
  .index02 .t1 { font-size:38px; }
  .index02 .t2 { font-size:18px; margin-top: 15px; }
  .index02 .more { font-size:24px; width:60px; height:60px; line-height: 60px; transition:.3s all linear; }
  .index02 .more:hover { color:#0458bb; border-color:#0458bb; transform:translateY(50%) rotateZ(45deg); transition:.3s all linear; }
  .index02 .content { margin-top: 50px; }
  .index02 ul li .c1 { font-size:30px; margin-top: 50px; }
}
@media(min-width: 1200px){
  .index02 { padding:130px 0 210px; }
  .index02 .t1 { font-size:42px; }
  .index02 .t2 { font-size:20px; margin-top: 18px; }
  .index02 .more { font-size:26px; width:70px; height:70px; line-height: 70px; }
  .index02 .content { margin-top: 60px; }
  .index02 .swiper { display: none; }
  .index02 ul{ flex-direction: row;justify-content: space-between;}
  .index02 ul li { width:20%; height: 550px; cursor: pointer; margin:0 5px; transition: all .5s; }
  .index02 ul li:first-child { margin-left:0; }
  .index02 ul li:last-child { margin-right:0; }
  .index02 ul li .img { position: absolute; left:0; bottom:0; transition: all .5s; }
  .index02 ul li .c1 { font-size:22px; margin-top: 60px; }
  .index02 ul li.active { background:#0458bb; width:50%; }
  .index02 ul li.active .c1 { color:#fff; font-size:32px; }
  .index02 ul li.active .c2 { background:#f8bb02; margin-top:120px; font-size:30px; width:40px; height:40px; line-height:40px; transition: all .5s; }
  .index02 ul li.active .img { left:50%; transform:translateX(-50%); transition: all .5s; }
}
@media(min-width: 1400px){
  .index02 { padding:160px 0 240px; }
  .index02 .t1 { font-size:46px; }
  .index02 .t2 { font-size:21px; margin-top: 22px; }
  .index02 .more { font-size:28px; width:80px; height:80px; line-height: 80px; }
  .index02 .content { margin-top: 70px; }
  .index02 ul li .c1 { font-size:24px; margin-top: 70px; }
  .index02 ul li.active .c1 { font-size:34px; }
}
@media(min-width: 1600px){  
  .index02 { padding:185px 0 270px; }
  .index02 .t1 { font-size:50px; }
  .index02 .t2 { font-size:22px; line-height:1.7; margin-top: 25px; }
  .index02 .more { font-size:30px; width:90px; height:90px; line-height: 90px; }
  .index02 .content { margin-top: 80px; }
  .index02 ul li .c1 { font-size:26px; margin-top: 80px; }
  .index02 ul li.active .c1 { font-size:36px; }
}

.index03 {position: relative;overflow: hidden; }
.index03 .swiper-slide { position: relative; padding:90px 0 200px; }
.index03 .swiper-slide:before { content:''; position: absolute; left:0; top:0; right:0; bottom:0; background:linear-gradient(to right,#074792,rgba(37,66,126,0)); pointer-events: none; }
.index03 .swiper-slide .container { position: relative; z-index: 1; }
.index03 .t1 { color:#fff; font-weight: bold; font-size:26px; }
.index03 .t2 { color:#fff; font-size:20px; line-height: 1.3; margin-top: 10px; }
.index03 .t3 { color:#fff; line-height: 1.5; margin-top:15px; text-align:justify; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:7; overflow: hidden; text-overflow: ellipsis; }
.index03 .more { display: block; color:#fff; font-size:14px; width:30px; height:30px; line-height: 30px; margin-top: 20px; border-radius:90px; text-align:center; border:1px solid #fff; }
.index03 .floatbox { position: absolute; bottom:0; left:0; right:0; z-index: 1; color:#fff; background:#0458bb; }
.index03 .slide { text-align:center; padding:25px 12px 15px; cursor:pointer; }
.index03 .slide.active,.index03 .slide:hover { background:#034ca1; }
.index03 .slide .c2 { margin-top: 15px; line-height: 1.3; }
@media(min-width:768px) {
  .index03 .swiper-slide { padding:110px 0 260px; }
  .index03 .t1 { font-size:30px; }
  .index03 .t2 { font-size:24px; }
  .index03 .t3 { margin-top:20px; }
  .index03 .more { font-size:16px; width:40px; height:40px; line-height: 40px; margin-top: 30px; }
  .index03 .slide { padding:35px 12px 25px; }
}
@media(min-width:992px) {
  .index03 .swiper-slide { padding:130px 0 300px; }
  .index03 .t1 { font-size:34px; }
  .index03 .t2 { font-size:28px; margin-top: 15px; }
  .index03 .t3 { margin-top:25px; }
  .index03 .more { font-size:20px; width:45px; height:45px; line-height: 45px; margin-top: 35px; transition:.3s all linear; }
  .index03 .more:hover { transform:rotateZ(45deg); transition:.3s all linear; }
  .index03 .floatbox { right:50%; }
  .index03 .slide { padding:45px 12px 35px; }
  .index03 .slide .c2 { margin-top: 20px; }
}
@media(min-width:1200px) {
  .index03 .swiper-slide { padding:150px 0 340px; }
  .index03 .t1 { font-size:38px; }
  .index03 .t2 { font-size:32px; margin-top: 20px; }
  .index03 .t3 { margin-top:30px; line-height: 1.6; }
  .index03 .more { font-size:22px; width:50px; height:50px; line-height: 50px; margin-top: 45px; }
  .index03 .slide { padding:55px 12px 45px; }
  .index03 .slide .c2 { margin-top: 25px; }
}
@media(min-width:1400px) {
  .index03 .swiper-slide { padding:170px 0 380px; }
  .index03 .t1 { font-size:42px; }
  .index03 .t2 { font-size:36px; }
  .index03 .t3 { margin-top:35px; line-height: 1.8; }
  .index03 .more { font-size:24px; width:55px; height:55px; line-height: 55px; margin-top: 55px; }
  .index03 .slide { padding:65px 12px 55px; }
  .index03 .slide .c2 { margin-top: 30px; }
}
@media(min-width:1600px) {
  .index03 .swiper-slide { padding:190px 0 420px; }
  .index03 .t1 { font-size:46px; }
  .index03 .t2 { font-size:40px; }
  .index03 .more { font-size:26px; width:60px; height:60px; line-height: 60px; margin-top: 65px; }
  .index03 .slide { padding:75px 12px 65px; }
}

.index04 { position: relative; overflow: hidden; padding:30px 0; background:url(../images/in04_bg.jpg) no-repeat; background-size:cover; }
.index04 .t1 { color:#0458bb; font-weight: bold; font-size:26px; }
.index04 .t2 { color:#000; font-size:20px; line-height: 1.3; margin-top: 10px; }
.index04 .slide { display: block; padding:15px 0 25px; }
.index04 .leftbox { margin-top: 10px; }
.index04 .leftbox .slide:first-child { border-bottom:1px solid #dee1e1; }
.index04 .c1 { font-weight: bold; color:#bababa; font-size:16px; line-height: 1.3; }
.index04 .c2 { color:rgba(78,76,76,.66); line-height: 1.5; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis; }
.index04 .more { display: block; font-size:14px; width:30px; height:30px; line-height: 30px; border-radius:90px; text-align:center; border:1px solid #8f9090; }
.index04 .rightbox { margin-top: 20px; }
.index04 .slide1 { margin:0 5px; }
.index04 .slide1:first-child .txtbox { background:url(../images/in04_img1.jpg) no-repeat; background-size:cover; }
.index04 .slide1:last-child .txtbox { background:url(../images/in04_img2.jpg) no-repeat; background-size:cover; }
.index04 .slide1 .imgbox img { max-width:unset; object-fit: cover; min-height: 100%; min-width: 100%; }
.index04 .slide1 .txtbox { padding:20px 15px; }
.index04 .s1 { color:#fff; font-weight: bold; line-height: 1.3; font-size:16px; }
.index04 .s2 { color:rgba(255,255,255,.6); line-height: 1.5; margin-top: 8px;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis; }
.index04 .s3 { display: block; width:20px; height:20px; line-height: 20px; border-radius:40px; text-align:center; color:#fff; background:#f8bb02; margin-top: 15px; }
.index04 .slide1:last-child .s3 { color:#000; background:#fff; }
@media(min-width: 576px){
  .index04 .c1 { font-size:18px; }
  .index04 .more { font-size:18px; width:40px; height:40px; line-height: 40px; }
  .index04 .slide1 .txtbox { padding:25px 20px; }
  .index04 .s1 { font-size:18px; }
  .index04 .s2 { margin-top: 10px; }
}
@media(min-width:768px) {
  .index04 { padding:60px 0; }
  .index04 .t1 { font-size:30px; }
  .index04 .t2 { font-size:24px; }
  .index04 .leftbox { margin-top: 15px; }
  .index04 .slide { padding:15px 0 35px; }
  .index04 .c1 { font-size:20px; }
  .index04 .c2 { margin-top:13px; }
  .index04 .more { font-size:22px; width:50px; height:50px; line-height: 50px; }
  .index04 .rightbox { margin-top: 30px; }
  .index04 .slide1 .txtbox { padding:35px 30px; }
  .index04 .s1 { font-size:20px; }
  .index04 .s2 { margin-top: 12px; }
  .index04 .s3 { width:24px; height:24px; line-height: 24px; margin-top: 20px; }
}
@media(min-width:992px) {
  .index04 { padding:90px 0; }
  .index04 .t1 { font-size:34px; }
  .index04 .t2 { font-size:28px; margin-top: 15px; }
  .index04 .leftbox { margin-top: 20px; }
  .index04 .slide { padding:20px 0 40px; }
  .index04 .slide:hover .c1 { color:#0458bb; }
  .index04 .slide:hover .c2 { color:#4e4c4c; }
  .index04 .c1 { font-size:22px; }
  .index04 .c2 { margin-top:15px; }
  .index04 .more { font-size:24px; width:60px; height:60px; line-height: 60px; transition:.3s all linear; }
  .index04 .more:hover { color:#0458bb; border-color:#0458bb; transform:rotateZ(45deg); transition:.3s all linear; }
  .rightbox { margin-top:0px; }
  .index04 .slide1:first-child { margin-top:25px; }
  .index04 .slide1 .txtbox { padding:45px 35px; }
  .index04 .s1 { font-size:22px; }
  .index04 .s2 { margin-top: 14px; }
  .index04 .s3 { width:28px; height:28px; line-height: 28px; margin-top: 25px; transition:.3s all linear; }
  .index04 .slide1:hover .s3 { transform:rotateZ(45deg); transition:.3s all linear; }
}
@media(min-width:1200px) {
  .index04 { padding:120px 0; }
  .index04 .t1 { font-size:38px; }
  .index04 .t2 { font-size:32px; margin-top: 20px; }
  .index04 .leftbox { margin-top: 25px; }
  .index04 .slide { padding:25px 0 45px; }
  .index04 .c1 { font-size:24px; }
  .index04 .c2 { margin-top:18px; }
  .index04 .more { font-size:26px; width:70px; height:70px; line-height: 70px; }
  .index04 .slide1 { margin:0 8px; }
  .index04 .slide1:first-child { margin-top:35px; }
  .index04 .slide1 .txtbox { padding:55px 40px; }
  .index04 .s1 { font-size:24px; }
  .index04 .s2 { margin-top: 16px; }
  .index04 .s3 { width:32px; height:32px; line-height: 32px; margin-top: 30px; }
}
@media(min-width:1400px) {
  .index04 { padding:150px 0; }
  .index04 .t1 { font-size:42px; }
  .index04 .t2 { font-size:36px; }
  .index04 .leftbox { margin-top: 30px; }
  .index04 .slide { padding:30px 0 50px; }
  .index04 .c1 { font-size:26px; }
  .index04 .c2 { margin-top:22px; }
  .index04 .more { font-size:28px; width:80px; height:80px; line-height: 80px; }
  .index04 .slide1:first-child { margin-top:45px; }
  .index04 .slide1 .txtbox { padding:65px 45px; }
  .index04 .s1 { font-size:26px; }
  .index04 .s2 { margin-top: 18px; }
  .index04 .s3 { width:36px; height:36px; line-height: 36px; margin-top: 35px; }
}
@media(min-width:1600px) {
  .index04 { padding:180px 0; }
  .index04 .t1 { font-size:46px; }
  .index04 .t2 { font-size:40px; }
  .index04 .leftbox { margin-top: 40px; }
  .index04 .slide { padding:35px 0 55px; }
  .index04 .c1 { font-size:28px; }
  .index04 .c2 { margin-top:25px; }
  .index04 .more { font-size:30px; width:90px; height:90px; line-height: 90px; }
  .index04 .slide1:first-child { margin-top:55px; }
  .index04 .slide1 .txtbox { padding:75px 50px; }
  .index04 .s1 { font-size:28px; }
  .index04 .s2 { margin-top: 20px; }
  .index04 .s3 { width:40px; height:40px; line-height: 40px; margin-top: 40px; }
}


.index05 {position: relative; overflow: hidden; padding:30px 0 25px; }
.index05 .title {position: relative; }
.index05 .t1 { color:#0458bb; font-weight: bold; font-size:26px; }
.index05 .t2 { color:#7f8285; font-size:14px; line-height:1.7; margin-top: 10px; }
.index05 .more { position: absolute; right:0; top:0; font-size:14px; width:30px; height:30px; line-height: 30px; border-radius:90px; text-align:center; border:1px solid #8f9090; }
.index05 .centerbox { margin: 15px 0 0; }
.index05 .imgbox { margin-top: 15px; }
.index05 .imgbox img { object-fit: cover; width:100%; max-height:unset; max-width:unset; }
.index05 .imgbox:after { padding-top: 56%; }
.index05 .txtbox { position: absolute; left:0; bottom:0; right:0; padding:20px 20px 20px; background:linear-gradient(to top,#0659bb,rgba(6,89,187,0)) }
.index05 .c1 { font-weight: bold; color:#fff; font-size:14px; }
.index05 .c2 { color:rgba(255,255,255,.66); line-height:1.5; margin-top: 8px;}
.index05 .tag { position: absolute; z-index: 1; left:0; top:0; line-height: 1.1; font-size:14px; background:#f8bb02; color:#fff; text-align:center; padding:15px; }
.index05 .bottombox { margin-top:15px; }
.index05 .slide { margin-top: 20px; }
.index05 .s1 { color:rgba(38,38,38,.6); }
.index05 .s2 { color:#262626; font-size:14px; margin-top: 7px; }
.index05 .s3 { color:rgba(78,76,76,.66); margin-top: 7px; line-height: 1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; }
.index05 .s4 { background:#f8bb02; color:#fff; width:20px; height:20px; line-height:20px; text-align:center; border-radius:30px; margin-top: 10px; }
@media(min-width: 576px){
  .index05 { padding:40px 0 30px; }
  .index05 .t1 { font-size:30px; }
  .index05 .more { font-size:18px; width:40px; height:40px; line-height: 40px; }
  .index05 .centerbox { margin-top: 20px; }
  .index05 .imgbox { margin-top: 20px; }
  .index05 .tag { font-size:16px; }
  .index05 .c1 { font-size:16px; }
  .index05 .bottombox { margin-top:20px; }
  .index05 .slide { margin-top: 25px; }
  .index05 .s2 { font-size:16px; margin-top: 10px; }
  .index05 .s3 { margin-top: 10px; }
}
@media(min-width: 768px){
  .index05 { padding:50px 0 40px; }
  .index05 .t1 { font-size:34px; }
  .index05 .t2 { font-size:16px; margin-top: 12px; }
  .index05 .more { font-size:22px; width:50px; height:50px; line-height: 50px; }
  .index05 .centerbox { margin-top: 25px; }
  .index05 .imgbox { flex:0 0 48%; }
  .index05 .tag { font-size:18px; }
  .index05 .txtbox { padding:40px 40px 35px; }
  .index05 .c1 { font-size:18px; }
  .index05 .c2 { margin-top: 11px;}
  .index05 .bottombox { margin-top:25px; }
  .index05 .slide { flex:0 0 31%; max-width:31%; margin-top: 30px; }
  .index05 .s2 { font-size:17px; margin-top: 12px; }
  .index05 .s3 { margin-top: 12px; }
  .index05 .s4 { margin-top: 15px; }
}
@media(min-width: 992px){
  .index05 { padding:70px 0 55px; }
  .index05 .t1 { font-size:38px; }
  .index05 .t2 { font-size:18px; margin-top: 15px; }
  .index05 .more { font-size:24px; width:60px; height:60px; line-height: 60px; transition:.3s all linear; }
  .index05 .more:hover { color:#0458bb; border-color:#0458bb; transform:rotateZ(45deg); transition:.3s all linear; }
  .index05 .centerbox { margin-top: 30px; }
  .index05 .tag { font-size:20px; }
  .index05 .imgbox { margin-top: 0; }
  .index05 .imgbox:hover img { transform:translate(-50%,-50%) scale(1.05); }
  .index05 .txtbox { padding:30px 30px 30px; }
  .index05 .c1 { font-size:20px; }
  .index05 .c2 { margin-top: 13px;}
  .index05 .bottombox { margin-top:30px; }
  .index05 .slide { margin-top: 0; }
  .index05 .slide:hover .s2 { color:#0458bb; font-weight: bold; }
  .index05 .slide:hover .s4 { background:#0458bb; transform:rotateZ(45deg); transition:.3s all linear; }
  .index05 .s2 { font-size:18px; margin-top: 15px; }
  .index05 .s3 { margin-top: 15px; }
  .index05 .s4 { margin-top: 20px; width:30px; height:30px; line-height:30px; transition:.3s all linear; }
}
@media(min-width: 1200px){
  .index05 { padding:90px 0 70px; }
  .index05 .t1 { font-size:42px; }
  .index05 .t2 { font-size:20px; margin-top: 18px; }
  .index05 .more { font-size:26px; width:70px; height:70px; line-height: 70px; }
  .index05 .centerbox { margin-top: 40px; }
  .index05 .tag { font-size:22px; }
  .index05 .txtbox { padding:40px 40px 35px; }
  .index05 .c1 { font-size:22px; }
  .index05 .c2 { margin-top: 15px;}
  .index05 .bottombox { margin-top:40px; }
  .index05 .s2 { font-size:20px; margin-top: 18px; }
  .index05 .s3 { margin-top: 18px; }
  .index05 .s4 { margin-top: 25px; }
}
@media(min-width: 1400px){
  .index05 { padding:110px 0 90px; }
  .index05 .t1 { font-size:46px; }
  .index05 .t2 { font-size:21px; margin-top: 22px; }
  .index05 .more { font-size:28px; width:80px; height:80px; line-height: 80px; }
  .index05 .centerbox { margin-top: 50px; }
  .index05 .tag { font-size:24px; }
  .index05 .txtbox { padding:50px 50px 40px; }
  .index05 .c1 { font-size:24px; }
  .index05 .c2 { margin-top: 18px;}
  .index05 .bottombox { margin-top:50px; }
  .index05 .s2 { font-size:21px; margin-top: 20px; }
  .index05 .s3 { margin-top: 20px; }
  .index05 .s4 { margin-top: 30px; }
}
@media(min-width: 1600px){  
  .index05 { padding:130px 0 105px; }
  .index05 .t1 { font-size:50px; }
  .index05 .t2 { font-size:22px; line-height:1.7; margin-top: 25px; }
  .index05 .more { font-size:30px; width:90px; height:90px; line-height: 90px; }
  .index05 .centerbox { margin-top: 60px; }
  .index05 .tag { font-size:26px; }
  .index05 .txtbox { padding:60px 60px 45px; }
  .index05 .c1 { font-size:26px; }
  .index05 .c2 { margin-top: 20px;}
  .index05 .bottombox { margin-top:60px; }
  .index05 .s2 { font-size:22px; margin-top: 22px; }
  .index05 .s3 { margin-top: 22px; }
  .index05 .s4 { margin-top: 35px; }
}

.index06 {position: relative;overflow: hidden; z-index: 1; margin-bottom:-30px; }
.index06 .wrap { padding:35px; background:url(../images/in06_bg.jpg) no-repeat center; background-size:cover; }
.index06 .t1 { color:#fff; font-weight: bold; font-size:26px; line-height: 1.3; }
.index06 .t2 { color:#fff; font-size:20px; line-height: 1.3; margin-top: 10px; }
.index06 .content { margin-top: 20px; }
.index06 .slide { color:#fff; background:rgba(255,255,255,.22); display: flex; align-items: center; padding:15px; margin-top: 10px; }
.index06 .slide:hover { background:rgba(255,255,255,.4); }
.index06 .ali-icon { width:40px; height:40px; text-align:center; line-height:40px; font-size:16px; border:1px solid #eee; border-radius:100px; margin-right: 10px; }
.index06 .s1 { color:#fff; font-size:18px; }
.index06 .s2 { color:rgba(255,255,255,.8); line-height: 1.5; margin-top: 5px; }
@media(min-width:768px) {
  .index06 { margin-bottom:-40px; }
  .index06 .wrap { padding:50px; }
  .index06 .t1 { font-size:30px; }
  .index06 .t2 { font-size:24px; }
  .index06 .content { margin-top: 25px; }
  .index06 .slide { padding:18px; margin-right: 15px; margin-top: 0; }
  .index06 .slide:last-child { margin-right: 0; }
  .index06 .ali-icon { width:45px; height:45px; line-height:45px; font-size:18px; }
  .index06 .s1 { font-size:20px; }
}
@media(min-width:992px) {
  .index06 { margin-bottom:-60px; }
  .index06 .wrap { padding:70px; }
  .index06 .t1 { font-size:34px; }
  .index06 .t2 { font-size:28px; margin-top: 15px; }
  .index06 .content { margin-top: 30px; }
  .index06 .slide { padding:20px; }
  .index06 .ali-icon { width:50px; height:50px; line-height:50px; font-size:20px; margin-right: 15px; }
  .index06 .s1 { font-size:22px; }
  .index06 .s2 { margin-top: 8px; }
}
@media(min-width:1200px) {
  .index06 { margin-bottom:-70px; }
  .index06 .wrap { padding:85px; }
  .index06 .t1 { font-size:38px; }
  .index06 .t2 { font-size:32px; margin-top: 20px; }
  .index06 .content { margin-top: 40px; }
  .index06 .slide { padding:22px; }
  .index06 .ali-icon { width:55px; height:55px; line-height:55px; font-size:22px; margin-right: 20px; }
  .index06 .s1 { font-size:24px; }
}
@media(min-width:1400px) {
  .index06 { margin-bottom:-80px; }
  .index06 .wrap { padding:100px; }
  .index06 .t1 { font-size:42px; }
  .index06 .t2 { font-size:36px; }
  .index06 .content { margin-top: 50px; }
  .index06 .slide { padding:25px; }
  .index06 .ali-icon { width:60px; height:60px; line-height:60px; font-size:24px; margin-right: 25px; }
  .index06 .s1 { font-size:24px; }
  .index06 .s2 { margin-top: 10px; }
}
@media(min-width:1600px) {
  .index06 { margin-bottom:-90px; }
  .index06 .wrap { padding:115px; }
  .index06 .t1 { font-size:46px; }
  .index06 .t2 { font-size:40px; }
  .index06 .content { margin-top: 60px; }
  .index06 .ali-icon { width:65px; height:65px; line-height:65px; font-size:28px; }
  .index06 .s1 { font-size:26px; }
}

.messagebox {position: relative;overflow: hidden; background:#f7f7f7; padding:25px 0; }
.messagebox .title { text-align: center; }
.messagebox .t1 { color:#333333; font-size:20px; line-height: 1.3; }
.messagebox .t2 { color:#666666; line-height: 2; margin-top: 8px; overflow: hidden; }
.messagebox .content { margin-top: 20px; }
.messagebox .slide {color:#999; border-bottom:1px solid #dfdfdf; line-height:40px; white-space:nowrap;}
.messagebox .slide input { background:none; width:84%;}
.messagebox .slide textarea { background:none; width:90%;font-size:14px;line-height: 24px;height:32px;padding-top:8px;}
.messagebox .slide:nth-child(4) { max-width:100%; width:400px; }
.messagebox .submit {color:#fff;background:#0458bb;width:150px;line-height: 40px;margin-top: 15px;display:block;text-align:center;border-radius:0;}
.messagebox .submit .btn2 {padding:0;border:none;border-radius: 0;background:#0458bb; }
.messagebox .submit .btn-inner {transition:.36s all linear;}
.messagebox .submit .btn-inner i {right:-10px!important;}
.messagebox .submit .btn-inner i:before {content:'';opacity:0;}
.messagebox .submit:hover {background:#12bfc5;transition:.36s all; }
@media(min-width:768px) {
  .messagebox { padding:35px 0; }
  .messagebox .t1 { font-size:22px; }
  .messagebox .content { margin-top: 25px; }
	.messagebox .slide {line-height:48px;}
	.messagebox .slide textarea {padding-top:10px;height: 40px;}
	.messagebox .submit { line-height: 45px; }
}
@media(min-width:992px) {
  .messagebox { padding:50px 0; }
  .messagebox .t1 { font-size:26px; }
  .messagebox .content { margin-top: 30px; }
	.messagebox .slide {line-height:56px;}
	.messagebox .submit {font-size:16px; line-height: 50px; width:180px;margin-top: 25px;transition:.36s all;}
	.messagebox .slide textarea {padding-top:14px;height: 44px;}
}
@media(min-width:1200px) {
  .messagebox { padding:65px 0 60px; }
  .messagebox .t1 { font-size:30px; }
  .messagebox .t2 { margin-top: 11px; }
  .messagebox .content { margin-top: 40px; }
	.messagebox .slide {line-height:64px;}
	.messagebox .slide textarea {font-size:16px;line-height: 30px;height: 43px;padding-top:13px;}
	.messagebox .submit { line-height: 55px; }
}
@media(min-width:1400px) {
  .messagebox { padding:75px 0 70px; }
  .messagebox .t1 { font-size:34px; }
  .messagebox .t2 { margin-top: 13px;}
  .messagebox .content { margin-top: 50px; }
	.messagebox .slide {line-height:72px;}
	.messagebox .slide textarea {padding-top:17px;height: 47px;}
	.messagebox .submit { margin-top: 30px; line-height: 60px; }
}
@media(min-width:1600px) {
  .messagebox { padding:85px 0 80px; }
  .messagebox .t1 { font-size:38px; }
  .messagebox .t2 { margin-top: 15px;}
  .messagebox .content { margin-top: 60px; }
	.messagebox .slide {line-height:80px;}
	.messagebox .slide textarea {padding-top:20px;height: 50px;}
	.messagebox .submit { font-size:18px; line-height: 65px; width:255px; margin-top: 40px; }
}


.company01 {position: relative;overflow: hidden; padding:35px 12px; }
.company01 .t1 { color:#0458bb; font-weight: bold; font-size:26px; line-height: 1.3; }
.company01 .t2 { color:#000; font-size:20px; line-height: 1.3; margin-top: 10px; }
.company01 .t3 { color:#4e4c4c; line-height: 1.5; margin-top:15px; text-align:justify; }
.company01 .box2 { display: flex; flex-wrap:wrap; margin-top: 25px; }
.company01 .box2 .s1 { color:#0458bb; font-family: Impact; font-size:32px; }
.company01 .box2 .s1 span { color:#fff; background:#f8bb02; font-size:12px; position: absolute; width:20px; height:20px; line-height:20px; border-radius:30px; text-align: center; }
.company01 .box2 .s2 { color:#898a8b; line-height: 1.3; margin-top: 10px; padding-left: 10px; }
@media(max-width:767px) {
  .company01 .box2 { justify-content: space-between; }
}
@media(min-width:768px) {
  .company01 { padding:60px 0; }
  .company01 .t1 { font-size:30px; }
  .company01 .t2 { font-size:24px; }
  .company01 .t3 { margin-top:20px; }
  .company01 .box2 { margin-top: 45px; }
  .company01 .box2 .slide { margin-right: 12.5%; margin-bottom: 20px; }
  .company01 .box2 .s1 { font-size:42px; }
  .company01 .box2 .s1 span { width:22px; height:22px; line-height:22px; font-size:14px; }
}
@media(min-width:992px) {
  .company01 { padding:85px 0; }
  .company01 .t1 { font-size:34px; }
  .company01 .t2 { font-size:28px; margin-top: 15px; }
  .company01 .t3 { margin-top:25px; }
  .company01 .box2 { margin-top: 70px; }
  .company01 .box2 .s1 { font-size:50px; }
  .company01 .box2 .s1 span { width:24px; height:24px; line-height:24px; font-size:15px; }
}
@media(min-width:1200px) {
  .company01 { padding:100px 0 110px; }
  .company01 .t1 { font-size:38px; }
  .company01 .t2 { font-size:32px; margin-top: 20px; }
  .company01 .t3 { margin-top:30px; line-height: 1.6; }
  .company01 .box2 { margin-top: 85px; }
  .company01 .box2 .s1 { font-size:58px; }
  .company01 .box2 .s1 span { width:26px; height:26px; line-height:26px; font-size:16px; }
  .company01 .box2 .s2 { margin-top:15px; }
}
@media(min-width:1400px) {
  .company01 { padding:130px 0 140px; background:url(../images/company01_img.jpg) no-repeat right bottom 15%; }
  .company01 .t1 { font-size:42px; }
  .company01 .t2 { font-size:36px; }
  .company01 .t3 { margin-top:35px; line-height: 1.8; }
  .company01 .box2 { margin-top: 105px; }
  .company01 .box2 .s1 { font-size:64px; }
  .company01 .box2 .s1 span { width:28px; height:28px; line-height:28px; font-size:18px; }
}
@media(min-width:1600px) {
  .company01 { padding:155px 0 170px; }
  .company01 .t1 { font-size:46px; }
  .company01 .t2 { font-size:40px; }
  .company01 .box2 { margin-top: 125px; }
  .company01 .box2 .s1 { font-size:70px; }
  .company01 .box2 .s1 span { width:30px; height:30px; line-height:30px; }
}

.company02 {position: relative;overflow: hidden; background:url(../images/company02_bg.jpg) no-repeat; background-size:cover; }
.company02 .container { position: relative; padding:35px 12px; }
.company02 .content { position: relative; z-index: 1; }
.company02 .t1 { color:#0458bb; font-weight: bold; font-size:26px; }
.company02 .t2 { color:#000; font-size:20px; line-height: 1.3; margin-top: 10px; }
.company02 .t3 { color:#4e4c4c; line-height: 2; margin-top:20px; text-align:justify; }
.company02 .t3-tag { position: relative; padding-left: 15px; white-space: nowrap; overflow: hidden; text-overflow:  ellipsis; flex:0 0 40%; max-width:40%; }
.company02 .t3-tag:before { content:''; position: absolute; left:0; top:50%; transform:translatey(-50%); width:3px; height:3px; background:#4e4c4c; border-radius:6px; }
.company02 .t4 { color:#282828; line-height: 35px; margin-top:20px; font-size:14px; font-weight: bold; }
.company02 .t4-tag { position: relative; white-space: nowrap; overflow: hidden; text-align:center; text-overflow:  ellipsis; 
  background:url(../images/honor_border.png) no-repeat center; background-size:100% 100%; margin-bottom: 15px; padding:0 20px; flex:0 0 45%; max-width:45%; }
@media(max-width:767px) {
  .company02 .t3 { justify-content: space-around; }
  .company02 .t4 { justify-content: space-around; }
}
@media(min-width:576px) {
  .company02 .t4 { font-size:16px; margin-top: 25px; line-height: 45px; }
}
@media(min-width:768px) {
  .company02 .container { padding:60px 12px; }
  .company02 .t1 { font-size:30px; }
  .company02 .t2 { font-size:24px; }
  .company02 .t3 { margin-top:30px; }
  .company02 .t3-tag { flex:0 0 40%; max-width:40%; margin-right:10%; }
  .company02 .t4 { font-size:17px; margin-top: 30px; line-height: 50px; }
  .company02 .t4-tag { flex:0 0 40%; max-width:40%; margin-right:10%; }
}
@media(min-width:992px) {
  .company02 .container { padding:85px 12px; }
  .company02 .t1 { font-size:34px; }
  .company02 .t2 { font-size:28px; margin-top: 15px; }
  .company02 .t3 { margin-top:40px; }
  .company02 .t3-tag:before { width:6px; height:6px; }
  .company02 .t4 { font-size:18px; margin-top: 35px; line-height: 55px; }
}
@media(min-width:1200px) {
  .company02 .container { padding:100px 12px 170px; }
  .company02:after { content:''; position: absolute; left:0; top:0; right:0; bottom:0; background:url(../images/company02_img.png) no-repeat right bottom 20%; background-size:60vw auto; }
  .company02 .t1 { font-size:38px; }
  .company02 .t2 { font-size:32px; margin-top: 20px; }
  .company02 .t3 { margin-top:50px; }
  .company02 .t3-tag { flex:0 0 35%; max-width:35%; }
  .company02 .t4 { font-size:20px; margin-top: 45px; line-height: 60px; }
  .company02 .t4-tag { flex:0 0 35%; max-width:35%; }
}
@media(min-width:1400px) {
  .company02 .container { padding:130px 12px 200px; }
  .company02 .t1 { font-size:42px; }
  .company02 .t2 { font-size:36px; }
  .company02 .t3 { margin-top:65px; font-size:18px; }
  .company02 .t3-tag { flex:0 0 30%; max-width:30%; }
  .company02 .t4 { font-size:21px; margin-top: 55px; line-height: 60px; }
  /* .company02 .t4-tag { flex:0 0 30%; max-width:30%; } */
}
@media(min-width:1600px) {
  .company02 .container { padding:150px 12px 230px; }
  .company02 .t1 { font-size:46px; }
  .company02 .t2 { font-size:40px; }
  .company02 .t3 { margin-top:80px; }
  .company02 .t4 { font-size:22px; margin-top: 70px; line-height: 70px; }
}

.company03 { position: relative; overflow: hidden; padding:30px 0 25px;}
.company03 .t1 { color:#0458bb; font-weight: bold; font-size:26px; }
.company03 .t2 { color:#000; font-size:20px; line-height: 1.3; margin-top: 10px; }
.company03 .content { margin-top: 20px; }
.company03 .content .imgbox:after { padding-top: 90%; }
.company03 .swiper-slide { color:#fff; height:unset; text-align: center; }
.company03 .swiper-slide:before { content:''; position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(4,88,187,.8); transition:.3s .2s all linear; }
.company03 .swiper-slide:nth-child(2):before { background:rgba(248,187,2,.8); }
.company03 .swiper-slide:nth-child(3):before { background:rgba(61,60,60,.8); }
.company03 .swiper-slide a { display:block; position: relative; z-index: 2; padding:40px 20% 50px;}
.company03 .s1 { font-weight: bold; font-size:16px; line-height: 1.5; position: relative; }
.company03 .s2 { color:#fff; line-height:1.5; margin-top: 12px; font-size:22px; }
.company03 .s3 { color:rgba(255, 255, 255, .6); font-size:10px; display:inline-block; margin-top:10px; color:rgba(255, 255, 255, .8); line-height: 1.6; text-align:center; text-transform: uppercase; transition:.3s background linear; }
.company03 .swiper-slide:last-child .s2 { font-size:16px; }
.company03 .swiper-slide:hover:before { background:rgba(4,88,187,.5); transition:.3s all linear; }
.company03 .swiper-slide:nth-child(2):hover:before { background:rgba(248,187,2,.5); transition:.3s all linear; }
.company03 .swiper-slide:nth-child(3):hover:before { background:rgba(61,60,60,.5); transition:.3s all linear; }
@media(min-width:768px) {
  .company03 { padding:60px 0 40px; }
  .company03 .t1 { font-size:30px; }
  .company03 .t2 { font-size:24px; }
  .company03 .content { margin-top: 30px; }
  .company03 .swiper-slide a { padding:50px 15% 65px; }
  .company03 .s1 { font-size:18px; }
  .company03 .s2 { margin-top: 15px; font-size:26px; }
  .company03 .s3 { margin-top: 15px; }
  .company03 .swiper-slide:last-child .s2 { font-size:18px; }
}
@media(min-width:992px) {
  .company03 { padding:80px 0 50px; }
  .company03 .t1 { font-size:34px; }
  .company03 .t2 { font-size:28px; margin-top: 15px; }
  .company03 .content { margin-top: 40px; }
  .company03 .swiper-slide a { padding:65px 8% 80px; }
  .company03 .s1 { font-size:20px; padding-bottom: 20px; }
  .company03 .s2 { margin-top: 18px; font-size:32px; }
  .company03 .s3 { margin-top: 20px; }
  .company03 .swiper-slide:last-child .s2 { font-size:20px; }
}
@media(min-width:1200px) {
  .company03 { padding:100px 0 60px; }
  .company03 .t1 { font-size:38px; }
  .company03 .t2 { font-size:32px; margin-top: 20px; }
  .company03 .content { margin-top: 50px; }
  .company03 .swiper-slide a { padding:75px 10% 105px; }
  .company03 .s1 { font-size:22px; padding-bottom: 25px; }
  .company03 .s2 { margin-top: 22px; font-size:36px; }
  .company03 .s3 { margin-top: 25px; line-height: 1.8; }
  .company03 .swiper-slide:last-child .s2 { font-size:22px; }
}
@media(min-width:1400px) {
  .company03 { padding:140px 0 70px; }
  .company03 .t1 { font-size:42px; }
  .company03 .t2 { font-size:36px; }
  .company03 .content { margin-top: 55px; }
  .company03 .swiper-slide a { padding:90px 10% 130px; }
  .company03 .s1 { font-size:24px; }
  .company03 .s2 { margin-top: 26px; font-size:40px; }
  .company03 .s3 { margin-top: 30px; }
  .company03 .swiper-slide:last-child .s2 { font-size:24px; }
}
@media(min-width:1600px) {
  .company03 { padding:180px 0 90px; }
  .company03 .t1 { font-size:46px; }
  .company03 .t2 { font-size:40px; }
  .company03 .content { margin-top: 60px; }
  .company03 .swiper-slide a { padding:105px 13% 170px; }
  .company03 .s1 { font-size:26px; }
  .company03 .s2 { margin-top: 30px; font-size:44px; }
  .company03 .swiper-slide:last-child .s2 { font-size:26px; }
}

.hotgoods {padding-top: 5px; padding-bottom: 20px;position: relative;overflow: hidden;}
.hotgoods .title { position: relative; padding-bottom: 10px; }
.hotgoods .t1 { color:#212121; font-size:22px; position: relative; }
.hotgoods .t1 span { color:#898989; font-size:12px; margin-left:15px; }
.hotgoods .more { color:#898989; font-size:12px; }
.hotgoods .more:hover { color:#0458bb; }
.hotgoods .content {margin-top:20px;}
.hotgoods .swiper { padding:10px; }
.hotgoods .swiper-slide { overflow: hidden; padding:30px 20px 80px; background:#fff; border-radius:10px; box-shadow:0 0 10px 0 rgba(0,0,0,.1); }
.hotgoods .swiper-slide .hottag { position: absolute; left:0; top:5%; border-radius:3px; color:#fff; padding:5px 10px; background:#ff5533; }
.hotgoods .swiper-slide .imgbox { overflow:visible; }
.hotgoods .swiper-slide .imgbox img { width:100%; }
.hotgoods .swiper-slide .imgbox:after { padding-top:100%; }
.hotgoods .swiper-slide .txtbox { text-align: center; position: absolute; bottom:0; left:0; width:100%; padding:15px; }
.hotgoods .swiper-slide .txtbox:before { content:''; position: absolute; top:0; left:5%; right:5%; height:0px; border-top:1px dashed #cdcdcd; }
.hotgoods .swiper-slide .txtbox .c1 { color:#444444; font-size:14px; }
.hotgoods .swiper-slide .txtbox .c2 { color:#888888; font-family: '宋体'; margin-top: 6px; }
.hotgoods .swiper-slide .msg { color:#fff; background:#0458bb; align-items: center; display: flex; justify-content: center; position: absolute; bottom:0; left:0; width:100%; transform:translateY(100%); height:40px; line-height: 40px; }
.hotgoods .swiper-slide .msg i { font-size:150%!important; }
.hotgoods .swiper-button-prev { left:0; width:20px; height:30px; background:#d3d3d3; }
.hotgoods .swiper-button-next { right:0; width:20px; height:30px; background:#d3d3d3; }
.hotgoods .swiper-button-prev:hover { background:#0458bb; }
.hotgoods .swiper-button-next:hover { background:#0458bb; }
.hotgoods .swiper-button-next:after,.hotgoods .swiper-button-prev:after { color:#fff; font-size:unset; }
.hotgoods .s2 { display: none; font-size:12px; margin-top: 10px; border:1px solid #fff; padding:5px 10px; }
@media(max-width:767px) {
  .hotgoods .container {padding-left:2px;padding-right:2px;}
}
@media(min-width:576px) {
}
@media(min-width:768px) {
  .hotgoods {padding-top: 10px; padding-bottom: 25px;}
  .hotgoods .title { padding-bottom:10px; }
  .hotgoods .t1 { font-size:26px; }
  .hotgoods .t1 span { font-size:13px; }
  .hotgoods .content {margin-top:25px;}
  .hotgoods .swiper-slide { padding:30px 25px 90px; }
  .hotgoods .swiper-slide .msg { height:44px; line-height: 44px; }
}
@media(min-width:992px) {
  .hotgoods {padding-top: 15px; padding-bottom: 35px;}
  .hotgoods .title { padding-bottom:14px; }
  .hotgoods .t1 { font-size:28px; }
  .hotgoods .t1 span { font-size:14px; }
  .hotgoods .content {margin-top:30px;}
  .hotgoods .swiper-slide { padding:30px 30px 100px; }
  .hotgoods .swiper-slide .txtbox { background:#fff; padding:20px; transition:.26s transform linear,.16s padding linear; }
  .hotgoods .swiper-slide .txtbox .c1 { font-size:16px; }
  .hotgoods .swiper-slide .msg { height:48px; line-height: 48px; transition:.26s background linear; }
  .hotgoods .swiper-slide:hover .txtbox { transform:translateY(-48px); padding:25px; transition:.26s transform linear,.16s padding linear; }
  .hotgoods .swiper-slide:hover .msg { transform:translateY(0); transition:.26s transform linear; }
  .hotgoods .swiper-slide:hover .s1 { font-size:15px; }
  .hotgoods .swiper-slide:hover .s2 { display: inline-block; }
  .hotgoods .s2:hover { background:#fff; color:#0458bb; }
}
@media(min-width:1200px) {
  .hotgoods {padding-top: 20px; padding-bottom: 50px;}
  .hotgoods .title { padding-bottom:16px; }
  .hotgoods .t1 { font-size:32px; }
  .hotgoods .t1 span { font-size:16px; }
  .hotgoods .more { font-size:14px; }
  .hotgoods .content {margin-top:35px;}
  .hotgoods .swiper-slide { padding:30px 35px 110px; border-radius:15px; }
  .hotgoods .swiper-slide .txtbox .c1 { font-size:18px; }
  .hotgoods .swiper-slide .txtbox .c2 { font-size:15px; margin-top: 10px; }
  .hotgoods .swiper-slide .msg { height:52px; line-height: 52px; }
  .hotgoods .s2 { padding:10px 15px; margin-top: 15px; }
  .hotgoods .swiper-slide:hover .txtbox { transform:translateY(-52px); }
  .hotgoods .swiper-slide:hover .s1 { font-size:17px; }
}
@media(min-width:1400px) {
  .hotgoods {padding-top: 25px; padding-bottom: 65px;}
  .hotgoods .title { padding-bottom:20px; }
  .hotgoods .t1 { font-size:34px; }
  .hotgoods .t1 span { font-size:17px; }
  .hotgoods .content {margin-top:40px;}
  .hotgoods .swiper-slide { padding:30px 40px 120px; }
  .hotgoods .swiper-slide .hottag { font-size:18px; }
  .hotgoods .swiper-slide .txtbox { padding:25px; }
  .hotgoods .swiper-slide:hover .txtbox { padding:30px; transform:translateY(-56px); }
  .hotgoods .swiper-slide .txtbox .c1 { font-size:20px; }
  .hotgoods .swiper-slide .msg { height:56px; line-height: 56px; }
  .hotgoods .s2 { padding:10px 20px; margin-top: 20px; }
  .hotgoods .swiper-slide:hover .s1 { font-size:18px; }
}
@media(min-width:1600px) {
  .hotgoods {padding-top: 30px; padding-bottom: 80px;}
  .hotgoods .t1 { font-size:36px; }
  .hotgoods .content {margin-top:45px;}
  .hotgoods .swiper-slide { padding:30px 50px 130px; }
  .hotgoods .swiper-slide .txtbox .c1 { font-size:22px; }
  .hotgoods .swiper-slide .msg { height:60px; line-height: 60px; }
  .hotgoods .swiper-slide:hover .txtbox { transform:translateY(-60px); }
}

.hotnews {padding-top: 20px;padding-bottom: 35px;background: #f7f7f7;position: relative;overflow: hidden;}
.hotnews .title { border-bottom:2px solid #eeeeee; position: relative; padding-bottom: 10px; }
.hotnews .t1 { color:#212121; font-size:22px; position: relative; }
.hotnews .t1 span { color:#898989; font-size:12px; margin-left:15px; }
.hotnews .title:after { content:''; width:50px; height:2px; transform:translateY(2px); background:#0458bb; position: absolute; bottom:0; left:0; }
.hotnews .slide {margin-top: 20px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;}
.hotnews .slide .datebox { height:100%; padding:0 15px; color:#9ea3af; background:#e5e7ec; font-family:'Arial'; font-weight: bold; text-align: center;}
.hotnews .slide .txtbox {flex:1;width:50%;margin-left:15px;padding-bottom:15px;border-bottom:1px solid #e6e6e6;position: relative;}
.hotnews .slide .txtbox:after { content:''; position: absolute; bottom:0; left:0; height:1px; width:50px; background:#0458bb; z-index: 1; transition:.36s all linear; }
.hotnews .slide .d1 {font-size:14px;}
.hotnews .slide .d2 { margin-top:5px; }
.hotnews .slide .c1 {color:#555; font-size:14px; font-weight: bold; }
.hotnews .slide .c2 {color:#989898;line-height: 1.5;margin-top: 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow: ellipsis;overflow: hidden;}
.hotnews .slide:hover .c1 {color:#0458bb;font-weight: bold;}
.hotnews .slide:hover .c2 {text-decoration: none;}
.hotnews .slide:hover .txtbox:after { width:70%; transition:.36s all linear; }
.hotnews .more { color:#898989; font-size:12px; }
.hotnews .more:hover { color:#0458bb; }
@media(max-width:991px ) {
	.hotnews .slide .datebox { padding:22px 15px; }
}
@media(min-width:576px) {
	.hotnews .slide {margin-top: 30px;}
}
@media(min-width:768px) {
	.hotnews {padding-top: 25px;padding-bottom: 50px;}
  .hotnews .title { padding-bottom:10px; }
	.hotnews .t1 { font-size:26px; }
	.hotnews .t1 span { font-size:13px; }
	.hotnews .slide {margin-top: 35px;}
	.hotnews .slide .txtbox {margin-left:20px;}
	.hotnews .slide .d1 {font-size:16px;}
}
@media(min-width:992px) {
	.hotnews {padding-top: 30px;padding-bottom: 60px;}
  .hotnews .title { padding-bottom:14px; }
	.hotnews .t1 { font-size:28px; }
	.hotnews .t1 span { font-size:14px; }
	.hotnews .content {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap:wrap;justify-content: space-between;}
	.hotnews .slide {margin-top: 40px;flex:0 0 45%;max-width:45%;}
	.hotnews .slide .datebox { padding:0 20px; }
	.hotnews .slide .txtbox {margin-left:30px;}
	.hotnews .slide .c1 {font-size:16px;}
	.hotnews .slide .c2 {font-size:13px;}
	.hotnews .slide .d1 {font-size:18px;}
	.hotnews .slide .d2 { font-size:14px; }
}
@media(min-width:1200px) {
	.hotnews {padding-top: 35px;padding-bottom: 70px;}
  .hotnews .title { padding-bottom:16px; }
	.hotnews .t1 { font-size:32px; }
	.hotnews .t1 span { font-size:16px; }
	.hotnews .slide {margin-top: 45px;}
	.hotnews .slide .txtbox { margin-left:40px; padding-bottom: 20px;}
	.hotnews .slide .c1 {font-size:18px;}
	.hotnews .slide .c2 {font-size:14px;margin-top: 15px;}
	.hotnews .slide .d1 {font-size:20px;}
  .hotnews .more { font-size:14px; }
}
@media(min-width:1400px) {
	.hotnews {padding-top: 40px; padding-bottom: 80px;}
  .hotnews .title { padding-bottom:20px; }
	.hotnews .t1 { font-size:34px; }
	.hotnews .t1 span { font-size:17px; }
	.hotnews .slide {margin-top: 50px;}
	.hotnews .slide .txtbox {margin-left:50px;}
	.hotnews .slide .c1 {font-size:19px;}
	.hotnews .slide .c2 {font-size:16px;}
	.hotnews .slide .d1 {font-size:22px;}
}
@media(min-width:1600px) {
	.hotnews {padding-top: 45px; padding-bottom: 90px;}
	.hotnews .t1 { font-size:36px; }
	.hotnews .slide {margin-top: 55px;}
	.hotnews .slide .txtbox {margin-left:60px;}
	.hotnews .slide .c1 {font-size:20px;}
}

.productbanner { position: relative; overflow: hidden; background:#0458bb; padding:80px 0 30px; }
.productbanner .t1 { color:#fff; font-size:18px; font-weight: bold; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.productbanner .t2 { color:rgba(255,255,255,.8); line-height: 1.5; margin-top: 10px; }
.productbanner .intype .li:last-child:after { display: none; }
@media(min-width:768px) {
  .productbanner { padding:100px 0 40px; }
  .productbanner .t1 { font-size:26px; }
  .productbanner .t2 { margin-top: 15px; }
}
@media(min-width:992px) {
  .productbanner { padding:120px 0 60px; }
  .productbanner .t1 { font-size:34px; }
  .productbanner .t2 { margin-top: 20px; line-height: 2; }
  .productbanner .intype { text-align:right; }
}
@media(min-width:1200px) {
  .productbanner { padding:150px 0 80px; }
  .productbanner .t1 { font-size:38px; }
  .productbanner .t2 { margin-top: 25px; }
}
@media(min-width:1400px) {
  .productbanner { padding:180px 0 100px; }
  .productbanner .t1 { font-size:42px; }
  .productbanner .t2 { margin-top: 30px; }
}
@media(min-width:1600px) {
  .productbanner { padding:210px 0 120px; }
  .productbanner .t1 { font-size:46px; }
  .productbanner .t2 { margin-top: 35px; }
}

.product01 {position: relative;overflow: hidden; padding:25px 0 20px; }
.product01 .type { line-height: 30px; padding-bottom:3px; display:flex; overflow-x:auto; position:relative;}
.product01 .type::-webkit-scrollbar {height:0px;}
.product01 .type a {position:relative; display:block;color:#666;background:#f8f8f8;border:1px solid #e9e9e9; padding:0 12px; border-radius:10px; white-space:nowrap;margin:0 5px;text-align: center;}
.product01 .type a:first-child { margin-left:0; }
.product01 .type a:last-child { margin-right:0; }
.product01 .type a:hover,.product01 .type a.active { color:#fff; background:#0458bb; transition:.36s background linear; }
.product01 .list:after { content:''; display: block; clear:both; }
.product01 .slide { position: relative; overflow: hidden; margin-top: 15px; }
.product01 .slide .imgbox { border:1px solid #b2b2b2; }
.product01 .slide .imgbox img { width:100%; height:unset; object-fit: contain; }
.product01 .slide .imgbox:after { padding-top:65%; }
.product01 .slide .c1 { color:#fff; background:#0e51a9; line-height: 38px; padding:0 15px;  }
.product01 .slide:hover .imgbox img { transform:translate(-50%,-50%) scale(1.1); }
@media(min-width:768px) {
  .product01 { padding:35px 0 25px; }
  .product01 .type { line-height: 35px; }
  .product01 .type a { margin:0 7px; }
  .product01 .slide { float:left; width:48.5%; margin-right:3%; margin-top: 25px; }
  .product01 .slide:nth-child(2n) { margin-right: 0; }
  .product01 .slide .c1 { line-height: 46px; padding:0 25px; }
}
@media(min-width:992px) {
  .product01 { padding:45px 0 30px; }
  .product01 .type { line-height: 40px; }
  .product01 .type a { margin:0 10px; padding:0 17px; }
  .product01 .slide { margin-top: 30px; }
  .product01 .slide .c1 { line-height: 52px; padding:0 30px; }
}
@media(min-width:1200px) {
  .product01 { padding:55px 0 35px; }
  .product01 .type { line-height: 45px; }
  .product01 .type a { padding:0 21px; }
  .product01 .type::-webkit-scrollbar { height:0px; }
  .product01 .slide { margin-top: 40px; }
  .product01 .slide .c1 { line-height: 58px; padding:0 35px; }
}
@media(min-width:1400px) {
  .product01 { padding:65px 0 40px; }
  .product01 .type { line-height: 50px;}
  .product01 .type a { padding:0 25px;}
  .product01 .slide { margin-top:50px; }
  .product01 .slide .c1 { line-height: 64px; padding:0 40px; }
}
@media(min-width:1600px) {
  .product01 { padding:75px 0 45px; }
  .product01 .type { line-height: 55px; }
  .product01 .type a { padding:0 27px;}
  .product01 .slide { margin-top: 60px; }
  .product01 .slide .c1 { line-height: 70px; padding:0 50px; }
}

.proinfo01 { position: relative; overflow: hidden; background:#0e51a9; padding-bottom: 35px; padding-top: 60px; }
.proinfo01 .content { position: relative; border:1px solid #e5e5e5; border-radius: 12px; margin-top: 15px; overflow: hidden; }
.proinfo01 .c1 { color:#fff; font-size:18px; font-weight: bold; margin-top: 20px; line-height: 1.3; margin-bottom: 0; }
.proinfo01 .c2 { color:rgba(255,255,255,.8); line-height: 1.7; margin-top: 10px; text-align:justify; display:-webkit-box; text-overflow: ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow: hidden; }
.proinfo01 .tags { margin-top:15px; display:flex; flex-wrap:wrap; }
.proinfo01 .tag { color:#fff; font-size:16px; margin-top:10px; margin-right:10%; flex:0 0 40%; }
.proinfo01 .tag:nth-child(2n) { margin-right:0; }
.proinfo01 .btnbox { display:flex; align-items: center; margin-top: 15px; padding-top: 20px; border-top:1px solid rgba(255,255,255,.1); }
.proinfo01 .a1 { display:inline-block; color:#fff; font-size:12px; line-height: 30px; height:30px; flex:0 0 40%; max-width:40%; margin-right:10px; 
  border:1px solid #fff; border-radius: 50px; display: flex; align-items: center; justify-content: center; transition:.3s all; }
.proinfo01 .a1 i { color:#fff; font-size:150%; }
.proinfo01 .a1:first-child { background:#f8c302; border-color:#f8c302; }
.proinfo01 .a1:hover { background:#f8c302; border-color:#f8c302; transition:.3s all; }
.proinfo01 #bigSwiper { position: relative; padding-bottom:20px; padding-right:20px; }
.proinfo01 #bigSwiper:before { content:'MAIERKANG'; font-weight: bold; font-size:22px; color:rgba(255,255,255,.1); position: absolute; right:0; bottom:30%; writing-mode: vertical-rl; }
.proinfo01 #bigSwiper:after { content:''; position: absolute; right:0; bottom:0; height:40%; width:95%; transform:translate(5%,30%); background:#f8c302; }
.proinfo01 #bigSwiper .imgbox { box-shadow:0 0 15px -5px rgba(0,0,0,.3);overflow:hidden;}
.proinfo01 #bigSwiper .imgbox img { object-fit: contain; }
.proinfo01 .imgmore {margin-top:10px;padding: 0 50px;}
.proinfo01 .imgmore-slide {border:1px solid #f5f5f5;overflow:hidden;cursor:pointer;}
.proinfo01 .imgmore-slide img,.proinfo01 .main-img img {max-height:100%;max-width:100%; width:unset;}
.proinfo01 .imgmore-slide.active {border:1px solid #0458bb;}
.proinfo01 .proinfo-prev.swiper-button-prev {font-size:0;background:url(../images/r.png) no-repeat center;}
.proinfo01 .proinfo-next.swiper-button-next {font-size:0;background:url(../images/l.png) no-repeat center;}
.proinfo01 .proinfo-prev.swiper-button-prev:after,.next.swiper-button-next:after {font-size:0;}
.proinfo01 .proinfo-next.swiper-button-next.swiper-button-disabled, .proinfo-prev.swiper-button-prev.swiper-button-disabled {display:block;}
.proinfo01 .swiper-button-next:after, .proinfo01 .swiper-button-prev:after {color:#f00;}
@media(min-width:768px) {
  .proinfo01 { padding:80px 0 60px; }
  .proinfo01 .content { border-radius: 15px; margin-top: 20px; }
  .proinfo01 .c1 { font-size:26px; margin-top: 30px; }
  .proinfo01 .tag { font-size:18px; margin-top: 12px; }
  .proinfo01 .a1 { font-size:14px; line-height: 34px; height:34px; }
  .proinfo01 #bigSwiper {padding-bottom:30px; padding-right:30px;}
  .proinfo01 #bigSwiper:before { font-size:30px; }
  .proinfo01 .swiper-button-next { right:40px; }
}
@media(min-width:992px) {
  .proinfo01 { padding:130px 0 80px; }
  .proinfo01 .content { border-radius: 18px; margin-top: 25px; }
  .proinfo01 .txtbox { padding-left:30px; }
  .proinfo01 .c1 { font-size:24px; margin-top: 0; }
  .proinfo01 .c2 { margin-top: 14px; max-width:85%; }
  .proinfo01 .tags { margin-top:20px; }
  .proinfo01 .tag { font-size:20px; }
  .proinfo01 .btnbox { margin-top: 20px; padding-top: 30px; }
  .proinfo01 .a1 { font-size:16px; line-height: 38px; height:38px; }
  .proinfo01 #bigSwiper { max-width:90%; }
  .proinfo01 #bigSwiper:before { font-size:30px; }
}
@media(min-width:1200px) {
  .proinfo01 { padding:175px 0 100px; }
  .proinfo01 .content { border-radius: 20px; margin-top: 30px; }
  .proinfo01 .txtbox { padding-left:35px; }
  .proinfo01 .c1 { font-size:38px; }
  .proinfo01 .c2 { margin-top: 18px; line-height: 2; }
  .proinfo01 .tags { margin-top:25px; }
  .proinfo01 .tag { font-size:22px; margin-top: 15px; }
  .proinfo01 .btnbox { margin-top: 25px; padding-top: 45px; }
  .proinfo01 .a1 { font-size:18px; line-height: 42px; height:42px; margin-right:20px; max-width:225px; }
  .proinfo01 #bigSwiper:before { font-size:30px; }
}
@media(min-width:1400px) {
  .proinfo01 { padding:200px 0 120px; }
  .proinfo01 .content { border-radius: 22px; margin-top: 40px; }
  .proinfo01 .txtbox { padding-left:40px; }
  .proinfo01 .c1 { font-size:42px; }
  .proinfo01 .tags { margin-top:30px; }
  .proinfo01 .tag { font-size:24px; }
  .proinfo01 .btnbox { margin-top: 35px; padding-top: 55px; }
  .proinfo01 .a1 { font-size:20px; line-height: 46px; height:46px; }
  .proinfo01 #bigSwiper:before { font-size:34px; }
}
@media(min-width:1600px) {
  .proinfo01 { padding:225px 0 145px; }
  .proinfo01 .content { border-radius: 25px; margin-top: 50px; }
  .proinfo01 .txtbox { padding-left:50px; }
  .proinfo01 .c1 { font-size:46px; }
  .proinfo01 .tags { margin-top:35px; }
  .proinfo01 .tag { font-size:26px; }
  .proinfo01 .btnbox { margin-top: 45px; padding-top: 65px; }
  .proinfo01 .a1 { font-size:22px; line-height: 50px; height:50px; }
  .proinfo01 #bigSwiper:before { font-size:38px; }
}

.proinfotype { position: relative; line-height: 35px; border-bottom:1px solid #d6d5d5; }
.proinfotype .type { line-height: 30px; padding-bottom:3px; display:flex; overflow-x:auto; position:relative;}
.proinfotype .type::-webkit-scrollbar {height:0px;}
.proinfotype .type a { position:relative; display:block; font-weight: bold; font-size:12px; color:#313233; padding:0 12px; white-space:nowrap; margin-right:35px; }
.proinfotype .type a:last-child { margin-right:0; }
.proinfotype .type a:hover,.proinfotype .type a.active { color:#0458bb; transition:.36s background linear; }
.proinfotype .sidechangebtn:hover .r1 {color:#0458bb; }
.proinfotype .r1 { color:#313233; }
.proinfotype .r2 { color:#0458bb; position: relative; font-family: 'iconfont'; }
@media(min-width:768px) {
  .proinfotype { line-height: 50px; }
  .proinfotype .type a { font-size:14px; margin-right: 70px; }
}
@media(min-width:992px) {
  .proinfotype { line-height: 60px; }
  .proinfotype .type a { font-size:16px; margin-right: 100px; }
}
@media(min-width:1200px) {
  .proinfotype { line-height: 75px; }
  .proinfotype .type a { font-size:18px; margin-right: 130px; }
  .proinfotype .type::-webkit-scrollbar { height:0px; }
}
@media(min-width:1400px) {
  .proinfotype { line-height: 85px; }
  .proinfotype .type a { font-size:20px; margin-right: 160px; }
  .proinfotype .r1 { font-size:17px; }
}
@media(min-width:1600px) {
  .proinfotype { line-height: 95px; }
  .proinfotype .type a { font-size:22px; margin-right: 190px; }
  .proinfotype .r1 { font-size:18px; }
}

.proinfo02 { position: relative; overflow: hidden; padding:25px 0; }
.proinfo02 .t1 { position: relative; display: inline-block; font-weight: bold; color:#0458bb; font-size:18px; }
.proinfo02 .t1:after { content:''; position: absolute; right:0; top:50%; transform:translate(150%,-50%); height:3px; width:16px; background:#f8c302; }
.proinfo02 .t2 { color:rgba(0,0,0,.4); text-transform: uppercase; font-size:18px; margin-top: 10px; line-height: 1.5; }
.proinfo02 .content { margin-top:20px; line-height: 1.8; }
@media(min-width:768px) {
  .proinfo02 { padding:40px 0; }
  .proinfo02 .t1 { font-size:24px; }
  .proinfo02 .t1:after { height:4px; width:20px; }
  .proinfo02 .t2 { font-size:24px; }
  .proinfo02 .content { margin-top:30px; }
}
@media(min-width:992px) {
  .proinfo02 { padding:55px 0; }
  .proinfo02 .t1 { font-size:28px; }
  .proinfo02 .t1:after { height:5px; width:24px; }
  .proinfo02 .t2 { font-size:28px; }
  .proinfo02 .content { margin-top:35px; }
}
@media(min-width:1200px) {
  .proinfo02 { padding:70px 0; }
  .proinfo02 .t1 { font-size:32px; }
  .proinfo02 .t1:after { height:7px; width:28px; }
  .proinfo02 .t2 { font-size:32px; }
  .proinfo02 .content { margin-top:40px; line-height: 2; }
}
@media(min-width:1400px) {
  .proinfo02 { padding:80px 0; }
  .proinfo02 .t1 { font-size:36px; }
  .proinfo02 .t1:after { height:9px; width:32px; }
  .proinfo02 .t2 { font-size:36px; }
  .proinfo02 .content { margin-top:45px; }
}
@media(min-width:1600px) {
  .proinfo02 { padding:95px 0; }
  .proinfo02 .t1 { font-size:40px; }
  .proinfo02 .t1:after { height:11px; width:36px; }
  .proinfo02 .t2 { font-size:40px; }
  .proinfo02 .content { margin-top:50px; }
}

.proinfo03 { position: relative; background:#f0f1f1; padding:25px 0; }
.proinfo03 .content:after { content:''; position: absolute; left:50%; top:0%; right:-20px; bottom:-200px; transform:translateY(15%); background:url(../images/proinfo03_bgimg.png) no-repeat top center; background-size:100% auto;}
.proinfo03 .t1 { position: relative; display: inline-block; font-weight: bold; color:#0458bb; font-size:18px; }
.proinfo03 .t1:after { content:''; position: absolute; right:0; top:50%; transform:translate(150%,-50%); height:3px; width:16px; background:#f8c302; }
.proinfo03 .t2 { color:rgba(0,0,0,.4); text-transform: uppercase; font-size:18px; margin-top: 10px; line-height: 1.5; }
.proinfo03 .t3 { color:#4e4c4c; line-height: 1.5; margin-top: 10px; }
.proinfo03 .content { position: relative; background:#fff; margin-top:20px; padding:20px 12px; }
.proinfo03 .c1 { color:#0458bb; font-size:16px; line-height: 1.3; }
.proinfo03 .c2 { color:#4e4c4c; line-height: 1.6; margin-top: 10px; }
@media(min-width:768px) {
  .proinfo03 { padding:40px 0; }
  .proinfo03 .t1 { font-size:24px; }
  .proinfo03 .t1:after { height:4px; width:20px; }
  .proinfo03 .t2 { font-size:24px; }
  .proinfo03 .t3 { margin-top: 15px; }
  .proinfo03 .content { margin-top:30px; padding:30px 60px; }
  .proinfo03 .c1 { font-size:20px; }
  .proinfo03 .c2 { margin-top: 15px; }
}
@media(min-width:992px) {
  .proinfo03 { padding:55px 0; }
  .proinfo03 .t1 { font-size:28px; }
  .proinfo03 .t1:after { height:5px; width:24px; }
  .proinfo03 .t2 { font-size:28px; }
  .proinfo03 .content { margin-top:35px; padding:35px 50px; }
  .proinfo03 .leftbox { padding-right: 40px; }
  .proinfo03 .slide3 { border-left:1px solid #eee; padding-left: 40px; }
  .proinfo03 .c1 { font-size:22px; }
}
@media(min-width:1200px) {
  .proinfo03 { padding:70px 0; }
  .proinfo03 .t1 { font-size:32px; }
  .proinfo03 .t1:after { height:7px; width:28px; }
  .proinfo03 .t2 { font-size:32px; }
  .proinfo03 .t3 { margin-top: 20px; line-height: 1.7; }
  .proinfo03 .content { margin-top:40px; padding:45px 65px; }
  .proinfo03 .leftbox { padding-right: 60px; }
  .proinfo03 .slide3 { padding-left: 60px; }
  .proinfo03 .c1 { font-size:24px; }
  .proinfo03 .c2 { margin-top: 20px; line-height: 2; }
}
@media(min-width:1400px) {
  .proinfo03 { padding:80px 0; }
  .proinfo03 .t1 { font-size:36px; }
  .proinfo03 .t1:after { height:9px; width:32px; }
  .proinfo03 .t2 { font-size:36px; }
  .proinfo03 .content { margin-top:45px; padding:55px 75px; }
  .proinfo03 .leftbox { padding-right: 80px; }
  .proinfo03 .slide3 { padding-left: 80px; }
  .proinfo03 .c1 { font-size:26px; }
}
@media(min-width:1600px) {
  .proinfo03 { padding:95px 0; }
  .proinfo03 .t1 { font-size:40px; }
  .proinfo03 .t1:after { height:11px; width:36px; }
  .proinfo03 .t2 { font-size:40px; }
  .proinfo03 .content { margin-top:50px; padding:70px 85px; }
  .proinfo03 .leftbox { padding-right: 100px; }
  .proinfo03 .slide3 { padding-left: 100px; }
  .proinfo03 .c1 { font-size:28px; }
}

.proinfo04 { position: relative; overflow: hidden; padding:25px 0; }
.proinfo04 .t1 { position: relative; display: inline-block; font-weight: bold; color:#0458bb; font-size:18px; }
.proinfo04 .t1:after { content:''; position: absolute; right:0; top:50%; transform:translate(150%,-50%); height:3px; width:16px; background:#f8c302; }
.proinfo04 .t2 { color:rgba(0,0,0,.4); text-transform: uppercase; font-size:18px; margin-top: 10px; line-height: 1.5; }
.proinfo04 .content { margin-top:20px; line-height: 1.8; }
.proinfo04 .swiper-slide { position: relative; height:unset; background: linear-gradient(to top,#d8dadd,#f3f3f3); margin-top: 10px; overflow: hidden; text-align: center; }
.proinfo04 .swiper-slide a {position: absolute;left: 0;top: 0;width: 100%;z-index: 3;height: 100%;}
.proinfo04 .swiper-slide .img { max-width:100%; height:200px; }
.proinfo04 .swiper-slide .c1 { font-size:24px; margin-top: 20px; }
.proinfo04 .swiper-slide .c2 { color:#fff; background:#0458bb; border-radius:50px; position: relative; z-index: 2; width:20px; height:20px; line-height:20px; font-size:16px; margin:20px auto; text-align:center; transition: all .5s; }
.proinfo04 ul li { position: relative; background: linear-gradient(to top,#d8dadd,#f3f3f3); overflow: hidden; text-align: center; }
.proinfo04 ul li a {position: absolute;left: 0;top: 0;width: 100%;z-index: 3;height: 100%;}
.proinfo04 ul li .c2 { color:#fff; background:#0458bb; border-radius:50px; position: relative; z-index: 2; width:20px; height:20px; line-height:20px; font-size:16px; margin:20px auto; text-align:center; transition: all .5s; }
@media(min-width: 576px){
  .proinfo04 ul li .c1 { font-size:26px; margin-top: 30px; }
}
@media(min-width:768px) {
  .proinfo04 { padding:40px 0; }
  .proinfo04 .t1 { font-size:24px; }
  .proinfo04 .t1:after { height:4px; width:20px; }
  .proinfo04 .t2 { font-size:24px; }
  .proinfo04 .content { margin-top:30px; }
  .proinfo04 ul li .c1 { font-size:28px; margin-top: 40px; }
}
@media(min-width:992px) {
  .proinfo04 { padding:55px 0; }
  .proinfo04 .t1 { font-size:28px; }
  .proinfo04 .t1:after { height:5px; width:24px; }
  .proinfo04 .t2 { font-size:28px; }
  .proinfo04 .content { margin-top:35px; }
  .proinfo04 ul li .c1 { font-size:30px; margin-top: 50px; }
}
@media(min-width:1200px) {
  .proinfo04 { padding:70px 0; }
  .proinfo04 .t1 { font-size:32px; }
  .proinfo04 .t1:after { height:7px; width:28px; }
  .proinfo04 .t2 { font-size:32px; }
  .proinfo04 .content { margin-top:40px; line-height: 2; }
  .proinfo04 .swiper { display: none; }
  .proinfo04 ul{ flex-direction: row;justify-content: space-between;}
  .proinfo04 ul li { width:20%; height: 550px; cursor: pointer; margin:0 5px; transition: all .5s; }
  .proinfo04 ul li:first-child { margin-left:0; }
  .proinfo04 ul li:last-child { margin-right:0; }
  .proinfo04 ul li .img { position: absolute; left:0; bottom:0; transition: all .5s; }
  .proinfo04 ul li .c1 { font-size:22px; margin-top: 60px; }
  .proinfo04 ul li.active { background:#0458bb; width:50%; }
  .proinfo04 ul li.active .c1 { color:#fff; font-size:32px; }
  .proinfo04 ul li.active .c2 { background:#f8bb02; margin-top:120px; font-size:30px; width:40px; height:40px; line-height:40px; transition: all .5s; }
  .proinfo04 ul li.active .img { left:50%; transform:translateX(-50%); transition: all .5s; }
}
@media(min-width:1400px) {
  .proinfo04 { padding:80px 0; }
  .proinfo04 .t1 { font-size:36px; }
  .proinfo04 .t1:after { height:9px; width:32px; }
  .proinfo04 .t2 { font-size:36px; }
  .proinfo04 .content { margin-top:45px; }
  .proinfo04 ul li .c1 { font-size:24px; margin-top: 70px; }
  .proinfo04 ul li.active .c1 { font-size:34px; }
}
@media(min-width:1600px) {
  .proinfo04 { padding:95px 0; }
  .proinfo04 .t1 { font-size:40px; }
  .proinfo04 .t1:after { height:11px; width:36px; }
  .proinfo04 .t2 { font-size:40px; }
  .proinfo04 .content { margin-top:50px; }
  .proinfo04 ul li .c1 { font-size:26px; margin-top: 80px; }
  .proinfo04 ul li.active .c1 { font-size:36px; }
}

.play {cursor:pointer;color:rgba(255,255,255,.7);transition:.16s all linear;height:100%;display:flex;justify-content: center;align-items:center;font-size:42px;position:absolute;z-index:4;left:15px;right:15px;top:0%;}
.play-small {font-size:22px;}
.play:hover {color:#fff;transition:.16s all linear;}
.play i {font-family:'iconfont';transition:.16s all linear;}
.play:hover i {transform:scale(1.1);transition:.16s all linear;}
.video-shadow {display: none;position:fixed;z-index:99999;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);}
.video-panel {height:275px;width:365px;padding:5px;background:#f8f8f8;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);}
.video-shadow .close {position:absolute;bottom:5%;left:50%;transform:translateX(-50%);width:100px;height:40px;line-height:40px;border-radius:20px;background: #fff;text-align:center;}
@media(min-width:768px) {
  .play {font-size:46px;}
  .play-small {font-size:24px;}
  .video-panel {height:362px;width:630px;}
}
@media(min-width:992px) {
  .play {font-size:54px;}
  .play-small {font-size:26px;}
  .video-panel {height:420px;width:730px;}
}
@media(min-width:1200px) {
  .play {font-size:62px;}
  .play-small {font-size:28px;}
  .video-panel {height:500px;width:870px;}
}
@media(min-width:1400px) {
  .video-panel {height:724px;width:1260px;}
}
@media(min-width:1600px) {
  .play {font-size:72px;}
  .play-small {font-size:32px;}
}

.history01 {position: relative;overflow: hidden; padding: 20px 0;}
.history01 .t1 { text-align:center; color:#212121; font-size:22px; position: relative; }
.history01 .t1 span { position: relative; z-index: 1; display:inline-block; background:#fff; padding:0 20px; }
.history01 .t1:after { content:''; width:100%; height:1px; background:#dbdbdb; position: absolute; top:50%; left:0; }
.history01 .txtbox { color:#555555; padding:10px 12px;}
.history01 .swiper-slide:hover .imgbox img { transform:translate(-50%,-50%) scale(1.1); }
.history01 .swiper-slide:hover .txtbox { color:#0458bb; }
.history01 .c1 { font-weight: bold;}
@media(min-width:375px) {
  .history01 .c1 { margin-right:10px; }
}
@media(min-width:576px) {
  .history01 { padding: 25px 0; }
}
@media(min-width:768px) {
  .history01 { padding: 30px 0; }
  .history01 .t1 { font-size:26px; }
  .history01 .txtbox { padding:12px 12px;}
}
@media(min-width:992px) {
  .history01 { padding: 35px 0; }
  .history01 .t1 { font-size:28px; }
  .history01 .t1 span { padding:0 35px; }
  .history01 .txtbox { padding:15px 12px;}
}
@media(min-width:1200px) {
  .history01 { padding: 40px 0; }
  .history01 .t1 { font-size:32px; }
  .history01 .t1 span { padding:0 45px; }
  .history01 .txtbox { padding:18px 12px;}
}
@media(min-width:1400px) {
  .history01 { padding: 45px 0; }
  .history01 .t1 { font-size:34px; }
  .history01 .t1 span { padding:0 55px; }
  .history01 .txtbox { padding:21px 12px;}
}
@media(min-width:1600px) {
  .history01 { padding: 55px 0; }
  .history01 .t1 { font-size:36px; }
  .history01 .t1 span { padding:0 65px; }
  .history01 .swiper { margin-top: 50px; }
  .history01 .txtbox { padding:25px 12px;}
}

.history02 { position: relative; overflow: hidden; margin-top: 20px; margin-bottom: 35px; padding-bottom: 25px; }
.history02 .container { position: relative; }
.history02 .container:before { content:''; position: absolute; left:25px; top:0; height:100%; background:#d2d2d2; width:1px; }
.history02 .slide { position: relative; margin-top: 20px; }
.history02 .slide:after { content:''; background:#fff; position: absolute; left:20px; top:0; width:12px; height:12px; border:1px solid #d2d2d2; border-radius: 50px; }
.history02 .c1 { color:#555555; font-size: 16px;}
.history02 .c2 { color:#555555; line-height: 2; margin-top: 10px; text-align:justify; }
.history02 .slide:hover:after { border-color:#0458bb;}
@media(min-width:768px) {
  .history02 { margin-top: 30px; margin-bottom: 50px; padding-bottom: 35px; }
  .history02 .slide { margin-top: 25px; }
  .history02 .c1 { font-size: 17px;}
}
@media(min-width:992px) {
  .history02 { margin-top: 40px; margin-bottom: 60px; padding-bottom: 45px; }
  .history02 .container:before { left:50%; }
  .history02 .slide { margin-top: 30px; }
  .history02 .slide:after { left:0; transform:translateX(-47%); }
  .history02 .slide1:after { right:0; left:unset; transform:translateX(53%); }
  .history02 .c1 { font-size: 18px;}
}
@media(min-width:1200px) {
  .history02 { margin-top: 50px; margin-bottom: 75px; padding-bottom: 60px; }
  .history02 .slide { margin-top: 35px; }
  .history02 .c1 { font-size: 20px;}
  .history02 .c2 { font-size: 16px;margin-top: 12px;}
}
@media(min-width:1400px) {
  .history02 { margin-top: 60px; margin-bottom: 90px; padding-bottom: 80px; }
  .history02 .slide { margin-top: 40px; }
  .history02 .c1 { font-size: 22px;}
  .history02 .c2 { font-size: 17px;margin-top: 15px;}
}
@media(min-width:1600px) {
  .history02 { margin-top: 70px; margin-bottom: 100px; padding-bottom: 90px; }
  .history02 .slide { margin-top: 50px; }
  .history02 .c1 { font-size: 24px;}
}

.infopage { position: relative; overflow: hidden; background:#f7f7f7;}
.infopage .mainbox { background:#fff; padding:15px 12px; }
.infopage .t1 { color:#555555; font-size:20px; text-align:center; line-height: 1.3; margin:0 auto; }
.infopage .t2 { color:#989898; margin-top:10px; text-align:center; line-height:1.3; }
.infopage .img {margin:20px auto 0;text-align: center;}
.infopage .info { color:#555555; line-height: 2; padding-top:10px; padding-bottom:30px; text-align:justify;}
.infopage strong {font-weight: bold;}
.infopage ul {padding-left:20px;}
.infopage img {max-width:100%!important;height:unset!important;margin:5px 0;}
.infopage .video {width:800px;max-width:100%;height:300px;margin:20px auto;}
.infopage .video .jw-controlbar {width:100%;}
@media(min-width:768px) {
  .infopage .mainbox { padding:20px 35px; }
  .infopage .t1 { font-size:22px; }
  .infopage .info { padding-top: 15px; padding-bottom:40px;}
}
@media(min-width:992px) {
  .infopage .mainbox { padding:25px 40px; }
  .infopage .t1 { font-size:24px; width:550px; max-width:100%; }
  .infopage .info { padding-top: 20px; padding-bottom:50px;}
  .infopage .video {height:350px;}  
}
@media(min-width:1200px) {
  .infopage .mainbox { padding:30px 50px; }
  .infopage .t1 { font-size:26px; }
  .infopage .info { padding-top: 25px; padding-bottom:60px;}
  .infopage .video {height:450px;}
}
@media(min-width:1400px) {
  .infopage .mainbox { padding:35px 55px; }
  .infopage .info { font-size:17px; }
  .infopage .t1 { font-size:28px; }
}
@media(min-width:1600px) {
  .infopage .mainbox { padding:40px 60px; }
  .infopage .t1 { font-size:30px; }
}

.inpage { position: relative; overflow: hidden; padding: 20px 0 10px; }
.inpage .list:after {content:'';display:block;clear:both;}
.inpage .list .slide {float:left;width:49%;margin-right:2%;margin-bottom:15px;box-sizing:border-box;}
.inpage .list .slide:nth-child(2n) {margin-right:0;}
.inpage .list .slide .imgbox {background: #fbfbfb;border:1px solid #efefef;}
.inpage .list .slide .imgbox img { max-width:90%; max-height:90%;}
.inpage .list .slide .txtbox {height:35px;padding:0 10px;display:flex;align-items:center;justify-content: center;border-bottom:1px solid #efefef;}
.inpage .list .slide:hover .imgbox { background:#f0f8ff; border-color:#8bbdef; }
.inpage .list .slide .imgbox .shadow { position: absolute; z-index:3; left:50%; top:50%; opacity:0; transform:translate(-50%,-50%); width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; background: rgba(81,157,223,.6); transition:.2s all linear; }
.inpage .list .slide:hover .shadow { opacity:1; transition:.2s all linear; }
.inpage .list .slide .imgbox .shadow:before { content:'+'; position: relative; z-index:5; color:#0458bb; font-size:150%; font-weight: bold; width:30px; height:30px; line-height: 30px; text-align:center; border-radius:50px; background: #fff; }
.submit {background:#0458bb;border-color:#0458bb;color:#fff;}
.msgtip {line-height: 1.7;margin-top:20px;border:1px dashed #ccc;border-radius:10px;display:inline-block;padding:15px;}
.msgtip .h5 {color:red;}
.msgtip .m1 {color:#999;font-size:80%;}
@media(min-width:576px) {
  .inpage { padding:25px 0 15px; }
}
@media(min-width:768px) {
  .inpage { padding:30px 0 15px; }
  .inpage .list .slide {margin-bottom: 20px;}
}
@media(min-width:992px) {
  .inpage { padding:40px 0 15px; }
  .inpage .list .slide {width:32%;margin-bottom: 25px;}
  .inpage .list .slide:nth-child(2n) {margin-right:2%;}
  .inpage .list .slide:nth-child(3n) {margin-right:0%;}
	.inpage .list .slide .txtbox {font-size:14px;height:40px;padding:0 15px;}
  .inpage .list .slide .imgbox .shadow:before {width:35px;height:35px;line-height:35px;}
}
@media(min-width:1200px) {
  .inpage { padding:45px 0 15px; }
	.inpage .list .slide {margin-bottom: 30px;}
	.inpage .list .slide .txtbox {font-size:16px; height:50px;padding:0 20px;}
	.inpage .list .slide:hover .txtbox {color: #0458bb;}
  .inpage .list .slide .imgbox .shadow:before {width:40px;height:40px;line-height:40px;}
}
@media(min-width:1400px) {
  .inpage { padding:50px 0 15px; }
	.inpage .list .slide {margin-bottom: 40px;}
	.inpage .list .slide .txtbox {height:55px;}
  .inpage .list .slide .imgbox .shadow:before {width:45px;height:45px;line-height:45px;}
}
@media(min-width:1600px) {
  .inpage { padding:55px 0 20px; }
	.inpage .list .slide {margin-bottom: 50px;}
	.inpage .list .slide .txtbox {height:60px;}
  .inpage .list .slide .imgbox .shadow:before {width:50px;height:50px;line-height:50px;}
}

.sidebox {background: #fff;position: relative; overflow: hidden;}
.sidebox01 {padding:0 15px;}
.sidebox .s1 {color:#fff;background: #0458bb;font-size:16px;padding-left: 15px;line-height: 40px;position:relative;cursor:pointer;}
.sidebox .s1:after {content:'[展开 +]';opacity:.7;font-size:80%;display:block;position:absolute;right:12px;top:50%;transform:translateY(-50%);}
.sidebox .s1 span { font-size:12px; }
.sidebox .s1 i { transform: translateY(3px); margin-right:5px; }
.sidebox .s1.active:after {content:'[收起 -]';}
.sidebox .list {display:none;}
.sidebox .list.active {display:block;padding:15px 0;}
.sidebox .list .slide {position: relative; color:#555555;display: block;padding:0 12px 0 25px; border-bottom:1px solid #ececec; line-height: 35px; transition:.36s all linear; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.sidebox .list .slide:before { content:''; position: absolute; left:10px; top:50%; transform:translateY(-50%); width:5px; height:5px; background:#0458bb; transition:.36s all linear; }
.sidebox .list .slide:hover { color:#fff; background: #0458bb; transition:.36s all linear; }
.sidebox .list .slide:hover:before { background:#fff; transition:.36s all linear; }
@media(min-width:768px) {
	.sidebox01 {padding:0 15px;}
	.sidebox .s1 {font-size:18px;line-height: 48px;}
}
@media(min-width:992px) {
	.sidebox01 {position: relative;z-index: 2;padding:0 15px;}
	.sidebox .s1 {font-size:20px;line-height: 54px;}
  .sidebox .s1 span { font-size:13px; }
  .sidebox .s1 i { margin-right:10px; }
	.sidebox .list .slide {line-height: 45px;padding:0 15px 0 25px;}
}
@media(min-width:1200px) {
	.sidebox { height:100%;}
	.sidebox01 {padding:0 15px;}
	.sidebox .s1 {font-size:18px;line-height: 58px;}
  .sidebox .s1 span { font-size:14px; }
	.sidebox .s1:after {display:none;}
	.sidebox .list {display: block; padding:20px 0;}
	.sidebox .list .slide {line-height: 50px; padding:0 28px; }
  .sidebox .list .slide:before { left:13px; }
  .sidebox .list .slide:hover { padding-left:55px; }
  .sidebox .list .slide:hover:before { left:32px; }
}
@media(min-width:1400px) {
	.sidebox01 {padding:0 22px;}
	.sidebox .s1 {font-size:20px;line-height: 64px;padding-left: 20px;}
  .sidebox .s1 span { font-size:15px; }
	.sidebox .list .slide {line-height: 55px;padding:0 34px;}
  .sidebox .list .slide:before { left:14px; }
  .sidebox .list .slide:hover { padding-left:65px; }
  .sidebox .list .slide:hover:before { left:40px; }
}
@media(min-width:1600px) {
	.sidebox01 {padding:0 25px;}
	.sidebox .s1 {font-size:22px;line-height: 70px;padding:0 25px;}
  .sidebox .s1 span { font-size:16px; }
	.sidebox .list .slide {line-height: 60px;padding:0 38px;}
  .sidebox .list .slide:before { left:15px; }
  .sidebox .list .slide:hover { padding-left:72px; }
  .sidebox .list .slide:hover:before { left:45px; }
}

.goods02 {padding:0 0 10px;background: #fff;}
.goods02 h3 {margin-bottom: 10px;font-size:24px;line-height: 32px;}
.goods02 h4 {margin-top:15px;font-size:120%;color:#0458bb;line-height: 1.5;border-bottom:1px solid #0458bb;display:inline-block;}
.goods02-main-img {border:1px solid #eee;overflow:hidden;}
.goods02-imgmore {margin-top:10px;}
.goods02-imgmore-slide {border-radius:10px;border:1px solid #f5f5f5;overflow:hidden;}
.goods02-imgmore-slide img,.goods02-main-img img {max-height:100%;max-width:100%;width:unset;}
.goods02-imgmore-slide.active {border:1px solid #0458bb;}
.goods02-right .goods02-options .c1 {margin-top: 10px;line-height: 1.7;color:#4e4e4e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;}
.goods02-right .goods02-submit {margin-top:10px;padding:10px 0;}
.goods02-right .goods02-submit div {flex:1;}
.goods02-right .goods02-submit div a {background:#0458bb;color:#fff;width:180px;margin:0 5px;border-radius:50px;line-height: 34px;text-align:center;display:block;}
.goods02-right .goods02-submit div:nth-child(1) {padding-right:40px;}
.goods02-right .goods02-submit div:nth-child(2) {line-height: 17px;color:#797979;margin-top:15px;}
.goods02-right .goods02-submit div b {font-size:16px;display:block;color:#f00;}
.goods02-slide-title {color:#999;position:relative;padding-left:10px;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.goods02-slide-title:after {content:'';background:#0458bb;position:absolute;left:0;top:50%;transform:translateY(-50%);height:15px;width:3px;}
.goods02-prev.swiper-button-prev {font-size:0;background:url(../images/r.png) no-repeat center;}
.goods02-next.swiper-button-next {font-size:0;background:url(../images/l.png) no-repeat center;}
.goods02-prev.swiper-button-prev:after,.goods02-next.swiper-button-next:after {font-size:0;}
.goods02-next.swiper-button-next.swiper-button-disabled, .goods02-prev.swiper-button-prev.swiper-button-disabled {display:block;}
.shuiyin {font-size: 18px;line-height: 40px;color: #fff;left: 0;top: 0;right:0;bottom:0;opacity: 0.5;position: absolute;z-index: 999;display:flex;align-items:center;justify-content: center;text-align: center;}
@media(max-width:767px) {
  .goods02-submit {padding:12px 15px;}
  .goods02-submit div { white-space: nowrap;}
}
@media(min-width:768px) {
  .goods02 {padding:0 0 20px;}
  .goods02 h4 {margin-top:20px;}
  .goods02-submit {margin-top:15px;}
}
@media(min-width:992px) {
  .goods02 {padding:0 0 30px;}
  .goods02 h3 {margin-bottom: 15px;}
  .goods02 h4 {margin-top:0px;}
  .goods02-right .goods02-options .c1 {font-size:13px;}
  .goods02-right .goods02-submit {margin-top:18px;}
  .goods02-right .goods02-submit div a {line-height: 50px;font-size:16px;transition: .16s all ease-out;}
  .goods02-right .goods02-submit div a:hover {transform: translateY(-5px);box-shadow: 0 10px 15px -5px rgb(0 0 0 / 60%);transition: .16s all ease-in;}
  .goods02-right .goods02-submit div:nth-child(2) {line-height: 36px;}
  .goods02-right .goods02-submit div b {font-size:32px;}
  .shuiyin {font-size:28px;line-height: 70px;}
	.goods02-imgmore {margin-top:15px;}
}
@media(min-width:1200px) {
  .goods02 {padding:0 0 40px;}
  .goods02 h3 {margin-bottom: 20px;}
  .goods02-right {padding-left:3%!important;}
  .goods02-right .goods02-options .c1 {font-size:14px;}
  .goods02-right .goods02-submit {margin-top:20px;}
  .goods02-right .goods02-submit div:nth-child(2) {margin-top: 20px;}
	.goods02-imgmore {margin-top:20px;}
}
@media(min-width:1400px) {
  .goods02 {padding:0 0 50px;}
  .goods02 h3 {margin-bottom: 25px;}
  .goods02-right .goods02-options .c1 {font-size:15px;}
  .goods02-right .goods02-submit {margin-top:24px;}
  .goods02-right .goods02-submit div:nth-child(2) {margin-top: 25px;}
	.goods02-imgmore {margin-top:25px;}
}
@media(min-width:1600px) {
  .goods02 {padding:0 0 60px;}
}

.goods03 {padding:20px 0;}
.goods03-title {background:#fff;line-height: 20px;position:relative;}
.goods03-title h3 {line-height: 32px;font-size:20px;}
.goods03-title i {display:block;position:relative;height:1px;background: #f5f5f5;}
.goods03-title i:before {content:'';position:absolute;left:0;top:-1px;width:100px;height:3px;background:#0458bb;}
.goods03-title span {display:block;height:5px;background:#0458bb;position:absolute;top:0;left:0;right:0;}
.goods03-content {background:#fff;padding:15px 0;line-height: 25px;text-align: justify;overflow:hidden;}
.goods03-content img {max-width:100%!important;}
.goods03-content table {max-width:100%!important;width:100%!important;}
.goods03-slide-imgbox {border: 1px solid #eee;}
.goods03-slide-imgbox:after {padding-top:85%;}
.goods03-slide-imgbox img {width:100%;max-height: unset;}
.goods03-slide-title {line-height: 3;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.goods03-slide:hover {color:#0458bb;}
.goods03-slide:hover img {transform:translate(-50%,-50%) scale(1.1);}
.goods03-slide-imgbox .shadow { position: absolute; z-index:3; left:50%; top:50%; opacity:0; transform:translate(-50%,-50%); width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; background: rgba(81,157,223,.6); transition:.2s all linear; }
.goods03-content .swiper-slide:hover .shadow { opacity:1; transition:.2s all linear; }
.goods03-slide-imgbox .shadow:before { content:'+'; position: relative; z-index:5; color:#0458bb; font-size:150%; font-weight: bold; width:30px; height:30px; line-height: 30px; text-align:center; border-radius:50px; background: #fff; }
@media (min-width:992px) {
  .goods03 {padding-bottom: 50px;}
  .goods03-title {line-height: 30px;}
  .goods03-title h3 {line-height: 36px;font-size:24px;}
  .goods03-title i {margin-top:10px;}
  .goods03-content .slide:hover {color:#0458bb;}
  .goods03-slide-imgbox .shadow:before {width:35px;height:35px;line-height:35px;}
}
@media(min-width:1200px) {
  .goods03-title {padding:25px 0;}
  .goods03-title h3 {line-height: 43px;}
  .goods03-content {padding:0 0 25px;font-size:15px;line-height: 32px;}
  .goods03-slide-imgbox .shadow:before {width:40px;height:40px;line-height:40px;}
}
@media(min-width:1400px) {
  .goods03-slide-imgbox .shadow:before {width:45px;height:45px;line-height:45px;}
}
@media(min-width:1600px) {
  .goods03-slide-imgbox .shadow:before {width:50px;height:50px;line-height:50px;}
}

/*文章列表页样式*/
.news { position: relative; overflow: hidden; margin:20px 0 30px; }
.news .list .slide {padding:15px 0;position:relative;border:1px solid #fff;border-bottom:1px solid #ebebeb;background: #fff;transition:.3s all;}
.news .list .slide:first-child { border-top:1px solid #ebebeb; }
.news .list .slide .imgbox:after {padding-top:65%;}
.news .list .slide .imgbox img { object-fit: cover; max-height:unset; }
.news .list .slide .c1 {color:#333;font-weight:bold;font-size:16px;margin-top:15px;line-height:22px;position:relative;}
.news .list .slide .c2 {color:rgba(0,0,0,.6);margin-top:10px;line-height: 1.8;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;text-overflow: ellipsis;-webkit-box-orient: vertical;text-align:justify;}
.news .list .slide .c3 {color:rgba(0,0,0,.4);margin-top: 10px;font-size:12px;}
.news .list .slide:hover { background:#f2f3f5; border:1px solid #ebebeb; }
.news .list .slide:hover .c1 {color:#0458bb;}
@media(min-width:768px) {
  .news { margin:25px 0 40px; }
  .news .list .slide {padding:18px 25px;}
  .news .list .slide .c1 { margin-top: 0; }
  .news .list .slide .c2 {margin-top:12px;}
  .news .list .slide .c3 {margin-top: 12px;}
}
@media(min-width:992px) {
  .news { margin:30px 0 50px; }
  .news .list .slide {padding:20px 30px;}
  .news .list .slide a {display:flex; align-items:center;}
  .news .list .slide .imgbox {margin-right:5%;width:230px;}
  .news .list .slide .txtbox {flex:1;width:50%;}
  .news .list .slide .c1 {font-size:20px;}
  .news .list .slide .c2 {margin-top:14px;}
  .news .list .slide .c3 {margin-top: 15px;font-size:13px;}
}
@media(min-width:1200px) {
  .news { margin:35px 0 60px; }
  .news .list .slide { padding:22px 40px; }
  .news .list .slide .c2 {margin-top:16px;}
}
@media(min-width:1400px) {
  .news { margin:40px 0 70px; }
  .news .list .slide { padding:25px 45px; }
  .news .list .slide .c2 {margin-top:18px;}
}
@media(min-width:1600px) {
  .news { margin:50px 0 80px; }
  .news .list .slide { padding:30px 50px; }
  .news .list .slide .c2 {margin-top:20px;}
}


.video-shadow {display: none;position:fixed;z-index:99999;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);}
.video-panel {height:275px;width:365px;padding:5px;background:#f8f8f8;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);}
.video-shadow .close {position:absolute;bottom:5%;left:50%;transform:translateX(-50%);width:100px;height:40px;line-height:40px;border-radius:20px;background: #fff;text-align:center;}
@media(min-width:768px) {
  .video-panel {height:362px;width:630px;}
}
@media(min-width:992px) {
  .video-panel {height:420px;width:730px;}
}
@media(min-width:1200px) {
  .video-panel {height:500px;width:870px;}
}
@media(min-width:1440px) {
  .video-panel {height:724px;width:1260px;}
}

.contact01 { position: relative; overflow: hidden; padding-bottom: 10px;}
.contact01 .t1 { color:#212121; font-size:32px; }
.contact-list {padding-top:15px;}
.contact-list ul { margin:0; }
.contact-list li { color:#555555; padding:10px 0; border-bottom:1px dashed #eee; line-height: 1.3; }
.contact-list li i { color:#888; margin-right:5px; font-size:120%;}
@media(min-width:576px) {
}
@media(min-width:768px) {
  .contact01 { padding-bottom: 15px; }
  .contact-list li { padding:14px 0; }
  .contact-list li i { margin-right:10px; }
}
@media(min-width:992px) {
  .contact01 { padding-bottom: 30px; }
  .contact-list li { padding:18px 0; }
  .contact-list li i { margin-right:12px; }
}
@media(min-width:1200px) {
  .contact01 { padding-bottom: 40px; }
  .contact-list li { padding:22px 0; padding-left:10px; }
  .contact-list li i { margin-right:15px; }
}
@media(min-width:1400px) {
  .contact01 { padding-bottom: 50px; }
  .contact-list li { padding:26px 0; padding-left:10px; font-size:17px; }
}
@media(min-width:1600px) {
  .contact01 { padding-bottom: 60px; }
  .contact-list li { padding:30px 0; padding-left:10px; }
}


.message01 {position:relative;overflow: hidden; padding:20px 0;}
.message01 .t1 {color:#212121;font-size:20px;}
.message01 .t2 {color:#555;margin-top:8px;line-height: 1.3;}
.message01 .content {margin-top:20px;}
.message01 .slide {color:#929292;background:#f3f3f3;line-height:40px;margin-bottom:10px;white-space:nowrap;}
.message01 .slide input {background:#f3f3f3;width:84%;}
.message01 .slide textarea {background:#f3f3f3;width:90%;font-size:14px;line-height: 24px;height:92px;padding-top:8px;}
.message01 .submit {color:#fff;background:#0458bb;display:block;text-align:center;border-radius:0;}
.message01 .submit .btn2 {padding:0;border:none;border-radius: 0;background:#0458bb; }
.message01 .submit .btn-inner {transition:.36s all linear;}
.message01 .submit .btn-inner i {right:-10px!important;}
.message01 .submit .btn-inner i:before {content:'';opacity:0;}
.message01 .submit:hover {background:#14479b;transition:.36s all; }
@media(min-width:768px) {
	.message01 { padding:35px 0; }
	.message01 .t1 {font-size:24px;}
	.message01 .t2 {margin-top:10px;}
	.message01 .slide {line-height:45px;}
	.message01 .slide textarea {padding-top:10px;}
}
@media(min-width:992px) {
	.message01 { padding:45px 0; }
	.message01 .t1 {font-size:26px;}
	.message01 .content {margin-top:30px;}
	.message01 .slide {line-height:50px;}
	.message01 .submit {font-size:16px;transition:.36s all;}
	.message01 .slide textarea {padding-top:14px;}
}
@media(min-width:1200px) {
	.message01 { padding:55px 0; }
	.message01 .t1 {font-size:28px;}
	.message01 .t2 {margin-top:13px;}
	.message01 .content {margin-top:40px;}
	.message01 .slide {line-height:60px;}
	.message01 .slide textarea {font-size:16px;line-height: 30px;height: 120px;padding-top:13px;}
}
@media(min-width:1400px) {
	.message01 { padding:65px 0; }
	.message01 .t1 {font-size:32px;}
	.message01 .t2 {margin-top:15px;font-size:17px;}
	.message01 .content {margin-top:40px;}
	.message01 .slide {line-height:65px;}
	.message01 .slide textarea {font-size:16px;line-height: 30px;height: 120px;padding-top:17px;}
}
@media(min-width:1600px) {
	.message01 { padding:75px 0; }
	.message01 .t1 {font-size:36px;}
	.message01 .t2 {font-size:18px;}
	.message01 .content {margin-top:50px;}
	.message01 .slide {line-height:70px;margin-bottom:15px;}
	.message01 .slide textarea {font-size:16px;line-height: 30px;height:120px;padding-top:20px;}
	.message01 .submit {font-size:18px;}
}

.ewmbox { position: fixed; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:10px; box-shadow:5px 5px 10px 0 rgba(0,0,0,.3); z-index: 3; background:#fff; padding:15px; padding-top: 25px; }
.ewmbox img { width:200px; }
.ewmbox .close { cursor:pointer; position: absolute; right:10px; top:10px; font-size:20px; font-weight: bold; }

.footer { color:rgba(255,255,255,.6); background: #25303e; padding-top: 25px; overflow: hidden; }
.footer a {color:rgba(255,255,255,.6);}
.footer a:hover { color:#fff; text-decoration: underline; }
.footer .f-nav a { display: block; line-height:2.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.footer .s1 { color:#fff; margin-bottom: 15px; font-size:14px; margin-top: 20px; font-weight: bold; }
.footer .s2 { color:#fff; font-family: 'Impact'; font-size:22px; margin-top: 15px; }
.footer .s3 { color:#fff; margin-top: 15px; }
.footer .fbottom { color:rgba(255,255,255,.6); line-height: 1.7; padding: 10px; margin-top: 20px; }
@media(min-width:768px) {
  .footer { padding-top: 40px; }
  .footer .s1 { margin-top: 25px; }
  .footer .s2 { font-size:24px; }
  .footer .fbottom { margin-top: 30px; }
}
@media(min-width:992px) {
  .footer { padding-top: 70px; }
  .footer .leftbox { position: relative; }
  .footer .leftbox:after { content:''; position: absolute; right:0; top:50%; transform:translateY(-50%); height:300%; width:1px; background:rgba(255,255,255,.1);}
  .footer .f-nav a { line-height: 3; }
  .footer .s1 { font-size:15px; margin-top: 30px; }
  .footer .s2 { font-size:26px; }
  .footer .s3 { margin-top: 20px; }
  .footer .fbottom {font-size:14px;padding:15px;margin-top: 40px;}
}
@media(min-width:1200px) {
  .footer { padding-top: 90px; }
  .footer .f-nav a { line-height: 2.3; }
  .footer .f-nav .a1 { flex:0 0 100%; max-width:100%; display:block; }
  .footer .s1 { font-size:16px; margin-top: 35px; }
  .footer .s2 { font-size:28px; }
  .footer .s3 { margin-top: 25px; }
  .footer .fbottom { margin-top: 50px; }
}
@media(min-width:1400px) {
  .footer { padding-top: 120px; }
  .footer .s1 { font-size:17px; margin-top: 45px; }
  .footer .s2 { font-size:32px; }
  .footer .s3 { margin-top: 30px; }
  .footer .fbottom { margin-top: 60px; }
}
@media(min-width:1600px) {
  .footer { padding-top: 150px; }
  .footer .s1 { font-size:18px; margin-top: 50px; }
  .footer .s2 { font-size:36px; }
  .footer .fbottom { margin-top: 75px; }
}

.footer-bar {height:70px;z-index:99;transition:.36s all;}
.footer-bar .list {color:#fff;background:#333;display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;z-index:99;}
.footer-bar .slide {flex:1;text-align: center;line-height: 30px;}
.footer-bar .slide:hover {color:#fff;}
.footer-bar .slide i {display:block;font-size:25px;padding-top:10px;}
@media(max-width:991px) {
  .footer-bar.hide {display:none;}
}

#bdshare_weixin_qrcode_dialog {height:unset!important;}